JavaScript技术

JavaScript技术

jquery cookie插件代码类

阅读(20) 作者(admin)

提供方便方法操作cookie : 复制代码 代码如下:$.cookie('the_cookie'); // 获得cookie $.cookie('the_cookie', 'the_value'); // 设置cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); //设置带时间的c...

JavaScript技术

判断脚本加载是否完成的方法

阅读(13) 作者(admin)

我们可以对加载的 JS 对象使用 onload 来判断(js.onload),此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持,但 IE6、IE7 却不支持。曲线救国 ―― IE6、IE7 我们可以使用 js.onreadystatechange...

JavaScript技术

jquery tabs的实现代码

阅读(19) 作者(admin)

关键代码: 复制代码 代码如下:$(function(){ $(".tabs li").eq(0).css("background","#499AFF"); $(".tabs div").eq(0).show(); $(".tabs>ul>li").click(function(i){ $(this).css("background","#499AFF")...

JavaScript技术

js 失去焦点时关闭层实现代码

阅读(23) 作者(admin)

失去焦点时关闭层练习 #divUserName{ width:200px; height:30px; border:1px solid black; background:#cccccc; font-size:12px; margin-top:10px; } 这是一个层 [Ctrl+A 全选...

JavaScript技术

jquery 实现斜导航效果

阅读(32) 作者(admin)

运行后刷新一下,才可以,也可以保存本地直接运行也可。 jquery导航菜单 #menu1 { width:970px;height:45px;} #menu1,#menu1 a , #menu1 a span{ background-image:url(http://img.jb51.net/demo/images/daohao.gif)...

JavaScript技术

jquery input checked全选与反选1.3.2的版本

阅读(21) 作者(admin)

“运行代码”后“刷新一次” 无标题页 选择 id 姓名 1 脚本之家 2 脚本之家 3 脚本之家 4 脚本之家 5 脚本之家 6 脚本之家 7 脚本之家 8 脚本之家 9 脚本之家 10 脚本之家...

Js 本页面传值实现代码
JavaScript技术

Js 本页面传值实现代码

阅读(22) 作者(admin)

环境 : rails 下 例如: 我点击修改后显示成这样: 关键实现过程: 1,列表部分,即第一副图,蓝色部分即实现了传值 复制代码 代码如下:<% i=0 %> <% if @group_page %> <% for group in @group_page %> <% i+=1 %> <tr <...

JavaScript技术

js 使用方法与函数 总结第1/4页

阅读(19) 作者(admin)

1 创建脚本块 1: <script language="JavaScript"> 2: JavaScript code goes here 3: </script> 2 隐藏脚本代码 1: <script language="JavaScript"> 2: <!-- 3: document.write(“Hello"); 4: // --> 5: </script> 在...

JavaScript技术

JS 页面自动加载函数(兼容多浏览器)

阅读(25) 作者(admin)

测试通过: ie6 + opera + FF + chrome

复制代码 代码如下:if (document.all) { window.attachEvent('onload', arewrite); window.attachEvent('onload', jsStock); } else { window.addEventListener('load', arew...

JavaScript技术

Js 控制表单域代码

阅读(18) 作者(admin)

1 2 3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]js验证为正整数 复制代码 代码如下:<script> var re = /^[1-9]d*$/; //智能验证单个字符 if (!re.test(document.getElementById('group_order').value)){...

JavaScript技术

innerText和innerHTML 一些问题分析

阅读(19) 作者(admin)

其中innerText特性用来修改起始标签和结束标签之间的文本的。例如,假设有个空的<div/>元素,希望将其变成<div>New text for the div.</div>。用DOM实现时,要这么做: oDiv.appendChild(document.createTextNode("New text...

javascript获取div的内容 精华篇
JavaScript技术

javascript获取div的内容 精华篇

阅读(17) 作者(admin)

原理:采用innerText 或者 innerHTML 复制代码 代码如下:<script language=”javascript”> var stock_code = stockcode.innerText; var stock_code = stockcode.innerHTML; </script> <div id="stockcode" style="di...

jquery 圆角遮罩图片实现图片圆角
JavaScript技术

jquery 圆角遮罩图片实现图片圆角

阅读(18) 作者(admin)

运行后请刷新一次。 圆角遮罩图片实现图片圆角 by ahuinan 2009-5-15 li{ list-style:none; float:left; margin-right:20px; margin-top:20px; position:relative; } img{ border:0; width:94px; height:94p...

innerText innerHTML的用法以及注意事项 [推荐]
JavaScript技术

innerText innerHTML的用法以及注意事项 [推荐]

阅读(21) 作者(admin)

一:动态改变文本和Html Demo1 p { color:gray; } 请点击下边的文字..... 你好吗? 你姓啥? 恢复原样 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]innerText属性用来定义对象所要输出的文本,在本例中...

JavaScript技术

jquery 获取当前元素的索引值

阅读(23) 作者(admin)

JavaScript代码 $("li").hover(function(){ alert($("li").index(this)); }); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行].index函数还是很好用的。它的说明为: 搜索与参数表示的对象匹配的元素,并返回相应元素...

用jQuery解决IE不支持的option disable属性
JavaScript技术

用jQuery解决IE不支持的option disable属性

阅读(30) 作者(admin)

在IE浏览器中,给select的options设置 disable属性 是没用的。

必须采用一定手段才可以解决这个问题。当然原理就是记住上次选中的 option。 this.selectedIndex 就派上用场了。 需要刷新下才可以看到效果,因为输出的...

JavaScript技术

编写兼容IE和FireFox的脚本

阅读(11) 作者(admin)

一、正式表达式问题 试图用以下表达式提取中括号“]”后面的内容,连接调用以下代码在IE下正常,FireFox则总是会用单数行的内容替代双数行的内容。 (/(/])([^ -}]*)/ig).exec(srcText); newtext = "[部门]" + RegExp.$2;...

JavaScript Table行定位效果
JavaScript技术

JavaScript Table行定位效果

阅读(27) 作者(admin)

上次做table排序对table有了一些了解,这次更是深入了解了一番,发现table原来是这么不简单。 还不清楚这个效果叫什么,就叫行定位吧,本来想把列定位也做出来,但暂时还没这个需求,等以后有时间再弄吧。 程序原理 一开始的需求...

jQuery 源代码显示控件 (Ajax加载方式).
JavaScript技术

jQuery 源代码显示控件 (Ajax加载方式).

阅读(16) 作者(admin)

直接引用远程文件就可以显示源文件,确实解决了资源。在线演示:http://img.jb51.net/online/jquery_codeview/jquery_code.htm打包下载:http://xiazai.jb51.net/200905/yuanma/jquery_codeview.rar...

JavaScript技术

W3C Group的JavaScript1.8 新特性介绍

阅读(19) 作者(admin)

JavaScript 1.8 计划作为Gecko 1.9(将要合并在Firefox 3中)的一部分开始使用的。比起JavaScript 1.7来说,这只是很小的更新,不过它也确实包含了一些向ECMAScript 4/JavaScript 2进化的痕迹。JavaScript 1.8还将包含在Ja...