博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

随笔分类 -  Javascript

上一页 1 2 3 4 下一页

Javascript相关

瀑布布局

摘要：瀑布布局演示：http://docs.kissyui.com/docs/html/static/demo/waterfall/demo2.html就想花瓣网的样子http://huaban.com/开始以为是使用float:left来实现的，后来测试后发现是使用JS绝对定位控制的。自己试了一下，这个的布局感觉很实用。效果如下图：实例下载：http://files.cnblogs.com/zjfree/jsFall.rar 阅读全文

posted @ 2012-01-06 17:34 PHP-张工 阅读(638) 评论(0) 推荐(0)

js 分页、表格、生成数据

摘要：使用js控制分页参考博客园的样式，效果如下：使用js创建表格//js表格 生成表格代码//arrTh 表头信息//arrTr 数据var getTable = function(arrTh, arrTr){ var s = '<table class="tbData">'; s += '<tr>'; for(var i=0; i<arrTh.length; i++) { s += '<th>' + arrTh[i] + '</th>'; } s +=  阅读全文

posted @ 2012-01-04 10:20 PHP-张工 阅读(9934) 评论(1) 推荐(2)

ajax提交Form

摘要：Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。以前的处理方法如Form代码如下：<form id="Form1" action="action.aspx" method="post" >名称：<input name="name" type="text" /><br />密码：<input name="password&qu 阅读全文

posted @ 2011-12-30 16:34 PHP-张工 阅读(104865) 评论(6) 推荐(9)

链接<a>执行JS

摘要：使用连接执行JS的方法如下：使用href="javascript:alert(1);" 执行<a href="javascript:alert(1);">test</a>使用onclick="alert(1)" 执行<a href="#" onclick="alert(1);">test</a>事件绑定执行<a id="a1" href="#">test</a><script&g 阅读全文

posted @ 2011-12-12 16:31 PHP-张工 阅读(19479) 评论(0) 推荐(1)

快捷JS

摘要：只看本页的所有图片javascript:var h='',o=document.images,i=0;while(o[i]){h+=o[i++].outerHTML;}document.write(h);只看本页高度大于100的图片javascript:var h='',o=document.images,i=0;while(o[i]){if(o[i].offsetHeight>100)h+=o[i].outerHTML;i++;}document.write(h);只看内容长度大于100的内容 （屏蔽非必要内容）javascript:var o=docu 阅读全文

posted @ 2011-12-08 14:08 PHP-张工 阅读(367) 评论(0) 推荐(0)

纯JS省市区三级联动

摘要：不需要访问后台服务器端，不使用Ajax，无刷新，纯JS实现的省市区三级联动。当省市区数据变动是只需调正js即可。使用方法： 纯JS省市区联动 省：市：区：省：市：区：核心代码如下：var addressInit = function(_cmbProvince, _cmbCity, _cmbArea, defaultProvince, defaultCity, defaultArea){ var cmbProvince = document.getElementById(_cmbProvince); var cmbCity = document.getElementById(_cmbCity); 阅读全文

posted @ 2011-11-30 16:47 PHP-张工 阅读(97097) 评论(29) 推荐(6)

js 改变浏览器标题

摘要：代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>无标题页</title> <link id="link1" rel="Short 阅读全文

posted @ 2011-10-20 16:40 PHP-张工 阅读(4347) 评论(1) 推荐(1)

js渐变颜色、背景、边框

摘要：我的闪烁文字 abc123我的闪烁文字 abc123边框代码：<div id="div1">我的闪烁文字 abc123</div><div id="div2">我的闪烁文字 abc123</div><div id="div3" style="height:200px; width:200px; border:solid 5px black;">边框</div><script type="text/javascript" 阅读全文

posted @ 2011-10-20 16:02 PHP-张工 阅读(5083) 评论(0) 推荐(0)

js 颜色渐变

摘要：我的闪烁文字 abc123信息代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>无标题页</title></head><body><di 阅读全文

posted @ 2011-10-20 15:51 PHP-张工 阅读(4825) 评论(1) 推荐(0)

js移动测试

摘要：代码下载：http://files.cnblogs.com/zjfree/jsAutoMove.rar 阅读全文

posted @ 2011-10-20 10:38 PHP-张工 阅读(371) 评论(0) 推荐(0)

js日期

摘要：演示上一年下一年日一二三四五六代码下载http://files.cnblogs.com/zjfree/jsday.rar 阅读全文

posted @ 2011-10-20 10:17 PHP-张工 阅读(516) 评论(2) 推荐(1)

js 转bool值测试

摘要：当值为 false、0、null、 NaN、undefined，或者空字符串，则该 Boolean 对象的值为 false。否则，初始值为 true。 阅读全文

posted @ 2011-05-06 16:55 PHP-张工 阅读(3698) 评论(0) 推荐(1)

JS 字符替换

摘要：可能你不想用户直接复制数字，或不想让自动抓取程序获取的QQ号。那可以将数字替换成汉字或其他用户可是识别的文字！var num1 = '0123456789';var num2 = '零一二三四五六七八九';var num3 = '０１２３４５６７８９';var num4 = '零壹贰叁肆伍陆柒捌玖';var num5 = '〇㈠㈡㈢㈣㈤㈥㈦㈧㈨';var num6 = '〇ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩ';var num7 = '〇①②③④⑤⑥⑦⑧⑨';var num8 = '〇⒈⒉⒊ 阅读全文

posted @ 2011-05-05 16:14 PHP-张工 阅读(1322) 评论(0) 推荐(0)

JS拖动表格行

摘要：代码<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" ><head > <title>无标题页</title></head><body> <table id="tb1" border="1" cellpadding="3"> <tr> <th>移动</th> <th>数据</th> <th& 阅读全文

posted @ 2011-05-05 10:13 PHP-张工 阅读(3935) 评论(4) 推荐(2)

JS 操作cookie

摘要：添加或修改cookiefunction setCookie(id, value){ var dt = new Date(); var expireDay = 3600; //有效天数 dt.setTime(dt.getTime() + expireDay * 24 * 3600 * 1000); var cookie = id + '=' + escape(value); cookie += '; expires=' + dt.toGMTString(); document.cookie = cookie;}获取cookie值function getCookie 阅读全文

posted @ 2011-03-09 17:38 PHP-张工 阅读(490) 评论(0) 推荐(0)

动态执行JS、HTML

摘要：打开新窗口测试HTML代码<b>哈哈</b>代码如下： function runCode(code) { var win = window.open('','_blank',''); win.document.open('text/html', 'replace'); win.opener = null; win.document.write(code); win.document.close(); }动态执行JS代码alert('动态执行JS');代码如下： functio 阅读全文

posted @ 2011-02-24 13:37 PHP-张工 阅读(3425) 评论(3) 推荐(2)

JS 使用window.name跨域实践

摘要：看了园友的window.name实现的跨域数据传输自己实践了一下，真的很好用。特将具体实现方法记录如下：如a.com网站想通过JS获取b.com网站的数据。1 在a.com网站添加一个空HTML页。名称为：http://a.com/null.html2 在a.com网站需要获取数据页面(如：http://a.com/getDomainData.html)内容如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht 阅读全文

posted @ 2011-02-24 11:34 PHP-张工 阅读(11716) 评论(6) 推荐(0)

jsTree

摘要：在网上发现了一个老外写的JS无限级数。效果如图：下载：http://files.cnblogs.com/zjfree/jsTree.zip代码写的很赞，准备好好学习一下。循环UL下的所有LIfor (var li = ul.lastChild; li; li = li.previousSibling) if (li.nodeName == "LI") { //处理UL下的所有LI }获取事件触发者img.onclick = function(e) { e = e || window.event; var t = e.target || e.srcElement; //t为事 阅读全文

posted @ 2011-02-23 16:33 PHP-张工 阅读(1859) 评论(0) 推荐(0)

Plupload [Asp.net版]

摘要：前天发的图片压缩后上传[Flash]，有园友评论说和Plupload 有点像！特地了解了一下Plupload。Plupload官网：http://www.plupload.com它是一个开源组件！功能的确很强大！它主要功能是多文件上传，并提供图片客户端尺寸压缩。主要的特色是可以使用Flash Gears HTML 5 Silverlight BrowserPlus HTML 4 等多项技术实现！服务器端代码是PHP的。我下载了它的源码和实例，查看Flash源码发现它和我的想法基本一样。但是不同的是它是使用Flash CS开发的Flash只有11KB！后来有在网上找了很久才查到国外有人写了ASP 阅读全文

posted @ 2010-12-27 23:24 PHP-张工 阅读(12257) 评论(30) 推荐(7)

图片压缩后上传[Flash]

摘要：图片压缩后上传！Flash图片极速上传！提供参数控制！需求如果用户使用数码相机照的照片一般都会在很大！（2M~5M） 一般网站都会在用户上传照片后对照片进行适当压缩，以提高网页浏览时照片的加载速度。 如果可以在客户端对照片压缩后上传，可以节省带宽，并且也减轻服务器压力。会有很好的用户体验！以前实现这样的功能都需要借助上传组件！ 其实使用Flash 10.0就可以实现照片压缩后上传。原理首先使用Flash的上传功能让用户选择要上传的照片。加载选择照片的数据到Flash中。(此功能需要Flash10.0以上版本)将数据加载到Flash的image组件中。将image按照合适大小进行缩放。在对ima 阅读全文

posted @ 2010-12-26 16:02 PHP-张工 阅读(18534) 评论(33) 推荐(8)

上一页 1 2 3 4 下一页