JavaScript技术

JavaScript技术

6个DIV 135或246间隔一秒轮番显示效果

阅读(27) 作者(admin)

在某技术群看到 A君 提出的如下一个问题:

A君

6个DIV 间隔一秒 轮番进行奇偶显示. 比如先135 一秒后 246 然后再135 循环

A君

要求代码短小精悍

B君 复制代码 代码如下:var a = document.getElementsByTagN...

JavaScript技术

利用腾讯的ip地址库做ip物理地址定位

阅读(27) 作者(admin)

调用: 复制代码 代码如下: <script type=text/javascript src=http://fw.qq.com/ipaddress charset="gb2312"></script> <script type=text/javascript> document.write(IPData.join(' ')); </script> 显示结果为: 202...

用jquery实现下拉菜单效果的代码
JavaScript技术

用jquery实现下拉菜单效果的代码

阅读(20) 作者(admin)

效果如下:这是菜单的内容,用ul标签实现菜单: 复制代码 代码如下: <div id="menu"> <ul> <li><a href="">菜单一</a> <ul> <li><a href="">子菜单1</a></li> <li><a href="">子菜单2</a>...

JavaScript技术

jQuery getJSON 处理json数据的代码

阅读(26) 作者(admin)

Html代码: 复制代码 代码如下: <script type="text/javascript" src="/js/jquery-1.4.js"></script> <script type="text/javascript"> function jsonTest1() { $.ajax({ url:"Handler.ashx", data:{"type":"...

JavaScript技术

JQuery的Validation插件中Remote验证的中文问题

阅读(24) 作者(admin)

根据上次的经验,我将

复制代码 代码如下:contentType: "application/x-www-form-urlencoded; charset=utf-8", 加入到ajax请求的参数中,结果这次居然不起作用了。

多次观察Fiddler结果,发现无效后,只好打开JQuery.Val...

基于jsTree的无限级树JSON数据的转换代码
JavaScript技术

基于jsTree的无限级树JSON数据的转换代码

阅读(13) 作者(admin)

jstree 主页 : http://www.jstree.com/

其中提供了一种从后台取数据渲染成树的形式: 复制代码 代码如下: $("#mytree").tree({ data : { type : "json", url : "${ctx}/user/power!list.do" } }); 对于url中返回的...

JavaScript技术

XENON基于JSON变种

阅读(16) 作者(admin)

但是在用JSON的过程中,我遇到了一个问题――这个问题想必是大家多少都遇到过,那就是:JSON没有定义日期和时间的传递方式。 尽管在今年3月的一次更新中,json2.js已经增加了对Date函数和ISO-8601式的日期/时间格式,但各种常...

JavaScript技术

js操作二级联动实现代码

阅读(22) 作者(admin)

表结构 二级或多级联动主要是以数据库中具有父编号的表为基础,这个也不例外 id,parent_id,name 三列。

采用js操作 先说下数据在js中的存储方式。 主要用二维数组来存储数据。结构如下: a[父编号]=[[子编号1,子名称1],...

jquery.jstree 增加节点的双击事件代码
JavaScript技术

jquery.jstree 增加节点的双击事件代码

阅读(28) 作者(admin)

jsTree 是基于jquery的树插件,支持拖放、复制、删除、快捷键、多选、自定义节点图标、自定义右键菜单、跨页面保存状态等等,总之我想到的它基本上都有了,而且最值得表扬的是它让人感觉一点都不慢哦。

jsTree有节点选择...

简单JavaScript日历及详细说明
JavaScript技术

简单JavaScript日历及详细说明

阅读(30) 作者(admin)

效果图:测试代码: calendar2 #calendar{ background:#000; color:#FFF; font-size:0.8em; } #tittle{ font-size:1.4em; padding:4px 0.55em; } #days th { font-weight:bold; text-align:center; padding:4px 0....

JavaScript技术

IE之动态添加DOM节点触发window.resize事件

阅读(21) 作者(admin)

然后页面有几个事件是动态地增加DOM元素的,比如点击某个层会在底下列出该层详细内容,这样在FF和chrome下没出现问题,但是在IE6-8下每次都重布局了.

比如我拖动一个层,在拖动过程中层的内容又显示在最底下了,当我放...

JavaScript技术

基于jQuery制作迷你背词汇工具

阅读(24) 作者(admin)

今天我要介绍的是load()函数的一个实际运用,希望你读完以后会觉得它很简单、而且很实用。下面是一个类似金山词霸里背单词的小工具,它和滚动文字(图片)的效果差不多,但是用到的是ajax功能,也就是涉及到服务器端的脚本的执...

JavaScript技术

jquery-easyui关闭tab自动切换到前一个tab

阅读(11) 作者(admin)

复制代码 代码如下: var lastTabs = new Array(); $(function() {

/* * cdh 2010.0630 补充,用于 退回上次标签页 */ $('#mainTabs').tabs({ onSelect: function(tt) { //移除 tt lastTabs = $.grep(lastTabs, funct...

jquery 图片轮换效果
JavaScript技术

jquery 图片轮换效果

阅读(23) 作者(admin)

效果图:代码中存在的错误欢迎大家指正

复制代码 代码如下: /** * @author leepood * @title 图片自动轮换效果 * @version v2.0 * @E-Mail leepood@gmail.com * @notice:要显示图片的数目可以在setting里调整,但需要...

JavaScript技术

jquery中对表单的基本操作代码

阅读(25) 作者(admin)

复制代码 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../conn/jsfile/jquery.js" type="text/javascript"></script> </head> &...

JavaScript技术

jquery下利用jsonp跨域访问实现方法

阅读(24) 作者(admin)

复制代码 代码如下: $.ajax({ async:false, url: '', // 跨域URL type: 'GET', dataType: 'jsonp', jsonp: 'jsoncallback', //默认callback data: mydata, //请求数据 timeout: 5000, beforeSend: function(){ //jso...

JavaScript技术

date.parse在IE和FF中的区别

阅读(28) 作者(admin)

Date.parse(dateVal)

  这个方法是很常用的,比如在验证输入日期是否存在时,可以使用它,如果是一个不存在的日期,则其返回值将是NaN,另外如果要比较两个日期的先后,或是计算两个日期相差的天数 ,都可以用到。

  今天...