JavaScript资料,JavaScript文章,JavaScript文档-易库教程

基于jQuery的可以控制左右滚动及自动滚动效果的代码

2016年07月27日 6 阅读

分享一个控制左右滚动及自动滚动的样例, 昨晚花了两个多小时, 忍受着悍蚊的叮咬, 汗水的侵袭, 一行行的敲出来的血汗代码. 哈哈. 封装了两种模式: 点击滚动版本DEMO 自动滚动版本DEMO,源码中有详细注释. 思路: 点击滚动模式下,是为点击（向前/向后/数字）添加click事件,通过控制展示区块left值实现切换. 1.向前（左）:当在第一个版面时,滚动到最后一个页面,否则,累加left值,向前滚动; 2.向后（右）:当在最后一个版面时,滚动到第一个...

jQuery getJSON 处理json数据的代码

2016年07月27日 7 阅读

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

基于JQuery的一句代码实现表格的简单筛选

2016年07月27日 8 阅读

效果图:代码：复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="JqueryTableFilter.aspx.cs" Inherits="JqueryTableFilter" %> <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh...

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

2016年07月27日 9 阅读

根据上次的经验，我将复制代码代码如下:contentType: "application/x-www-form-urlencoded; charset=utf-8", 加入到ajax请求的参数中，结果这次居然不起作用了。多次观察Fiddler结果，发现无效后，只好打开JQuery.Validation.js寻求答案了。在remote的代码中，我发现：复制代码代码如下: ... var data = {}; data[element.name] ...

基于Jquery的文字滚动跑马灯插件（一个页面多个滚动区）

2016年07月27日 7 阅读

兼容各浏览器的文本行高复制代码代码如下: （function（$）{ $.fn.extend（{ RollTitle: function（opt,callback）{ if（！opt） var opt={}; var _this = this; _this.timer = null; _this.lineH = _this.find（"li:first"）.height（）; _this.line=opt.line？parseInt（opt.line,...

腾讯与新浪的通过IP地址获取当前地理位置（省份）的接口

2016年07月27日 10 阅读

腾讯的接口是，返回数组 http://fw.qq.com/ipaddress 返回值 var IPData = new Array（"61.135.152.194","","北京市",""）; 新浪的接口： http://int.dpool.sina.com.cn/iplookup/iplookup.php？format=js 多地域测试方法：http://int.dpool.sina.com.cn/iplookup/iplookup.php？form...

JS遮罩层效果兼容ie firefox jQuery遮罩层

2016年07月27日 6 阅读

复制代码代码如下:<！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> <meta http-equiv="Content-...

XENON基于JSON变种

2016年07月27日 8 阅读

但是在用JSON的过程中，我遇到了一个问题——这个问题想必是大家多少都遇到过，那就是：JSON没有定义日期和时间的传递方式。尽管在今年3月的一次更新中，json2.js已经增加了对Date函数和ISO-8601式的日期/时间格式，但各种常用的开发工具中对日期的支持还是五花八门、千奇百怪的，完全没有统一。而且，除了日期/时间以外，个别时候我们还需要一些类或者函数的支持，而这些都是不被JSON所支持的。可能有的人看到这里要问了：既然JSON不支持，那为什...

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

2016年07月27日 7 阅读

jstree 主页 : http://www.jstree.com/ 其中提供了一种从后台取数据渲染成树的形式：复制代码代码如下: $（"#mytree"）.tree（{ data : { type : "json", url : "${ctx}/user/power！list.do" } }）; 对于url中返回的值必须是它定义的json数据形式: 复制代码代码如下: $（"#demo2"）.tree（{ data : { type : "jso...

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

2016年07月27日 5 阅读

jsTree 是基于jquery的树插件，支持拖放、复制、删除、快捷键、多选、自定义节点图标、自定义右键菜单、跨页面保存状态等等，总之我想到的它基本上都有了，而且最值得表扬的是它让人感觉一点都不慢哦。 jsTree有节点选择事件，即复制代码代码如下: .bind（"select_node.jstree", function（e, data） { //alert（data.rslt.obj.attr（"id"） + ":" + data.rslt.obj...

js操作二级联动实现代码

2016年07月27日 6 阅读

表结构二级或多级联动主要是以数据库中具有父编号的表为基础，这个也不例外 id,parent_id,name 三列。采用js操作先说下数据在js中的存储方式。主要用二维数组来存储数据。结构如下： a[父编号]=[[子编号1，子名称1],[子编号2，子名称2],[子编号3，子名称3],……]; 首先用父编号获取所有的子数据，在把子数据的编号及名称绑定在dropdown中第一步二级联动数据（后面说这些数据怎么得到）复制代码代码如下: var ci...

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

2016年07月27日 7 阅读

然后页面有几个事件是动态地增加DOM元素的,比如点击某个层会在底下列出该层详细内容,这样在FF和chrome下没出现问题,但是在IE6-8下每次都重布局了. 比如我拖动一个层,在拖动过程中层的内容又显示在最底下了,当我放开层的时候这个层就跳回拖动前的位置了... 起先我还没看出来是重布局了...然后演示了N久,挣扎了N久,终于觉得可能是由于动态增加DOM节点导致触发window.resize而使页面重布局了... 最后我不由地在心里喊了句"Thank go...

简单JavaScript日历及详细说明

2016年07月27日 5 阅读

效果图:测试代码: 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.55em; } #calendar td{ text-align:cent...

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

2016年07月27日 6 阅读

今天我要介绍的是load（）函数的一个实际运用，希望你读完以后会觉得它很简单、而且很实用。下面是一个类似金山词霸里背单词的小工具，它和滚动文字（图片）的效果差不多，但是用到的是ajax功能，也就是涉及到服务器端的脚本的执行。首先我创建的一个文本文件包含有我要背诵的英文词汇，然后是下面的PHP代码，用来读取词汇，并且随机返回一个词汇。复制代码代码如下: <？php $buffer = array（）; $handle = @fopen（"toef...

jQuery的写法不同导致的兼容性问题的解决方法

2016年07月27日 5 阅读

大概是这样的: 复制代码代码如下: <table id ="cartable" > <tr id ="title"> <td>***</td> <td>***</td> <td>***</td> <td>***</td> <td>***</td> <td>***</td> <td&g...

jquery 图片轮换效果

2016年07月27日 5 阅读

效果图:代码中存在的错误欢迎大家指正复制代码代码如下: /** * @author leepood * @title 图片自动轮换效果 * @version v2.0 * @E-Mail leepood@gmail.com * @notice:要显示图片的数目可以在setting里调整，但需要在imagesArray中加入相应图片的参数 */ function changeImages（） { var setting={ "width":"330px"...

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

2016年07月27日 5 阅读

复制代码代码如下: var lastTabs = new Array（）; $（function（） { /* * cdh 2010.0630 补充，用于退回上次标签页 */ $（"#mainTabs"）.tabs（{ onSelect: function（tt） { //移除 tt lastTabs = $.grep（lastTabs, function（n, i） { return n ！= tt; }）; //重新压入，保证最新的在最上面 la...

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

2016年07月27日 7 阅读

复制代码代码如下: $.ajax（{ async:false, url: "", // 跨域URL type: "GET", dataType: "jsonp", jsonp: "jsoncallback", //默认callback data: mydata, //请求数据 timeout: 5000, beforeSend: function（）{ //jsonp 方式此方法不被触发。原因可能是dataType如果指定为jsonp的话，就已经不是aj...

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

2016年07月27日 6 阅读

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

iframe自适应宽度、高度 ie6 7 8，firefox 3.86下测试通过

2016年07月27日 5 阅读

废话不多说，贴上代码，也算是自己的一个代码存储。复制代码代码如下: var temp_iframe var content = document.getElementById（"right"）; //id为 right的DOM容器中，进行创建iframe和宽高自适应 var c = 0; function append（filename） { var the_iframe = "helpfile" + c; temp_iframe = document...

首页 / 脚本样式 / JavaScript

基于jQuery的可以控制左右滚动及自动滚动效果的代码

jQuery getJSON 处理json数据的代码

基于JQuery的一句代码实现表格的简单筛选

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

基于Jquery的文字滚动跑马灯插件（一个页面多个滚动区）

腾讯与新浪的通过IP地址获取当前地理位置（省份）的接口

JS遮罩层效果 兼容ie firefox jQuery遮罩层

XENON基于JSON变种

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

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

js操作二级联动实现代码

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

简单JavaScript日历及详细说明

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

jQuery的写法不同导致的兼容性问题的解决方法

jquery 图片轮换效果

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

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

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

iframe自适应宽度、高度 ie6 7 8，firefox 3.86下测试通过

JS遮罩层效果兼容ie firefox jQuery遮罩层