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

基于jquery的超简单上下翻

2016年07月27日 6 阅读

复制代码代码如下:<html> <head> <title>超简单上下翻</title> <script type="text/javascript" src="js/jquery.js"></script> </head> <body> 简单上下翻，函数 <script type="text/javascript"> function UpDow...

超级酷和最实用的jQuery实例收集（20个）

2016年07月27日 6 阅读

James Padolsey Color Switcher点击右上角的颜色方块，可以换配色。Visit SiteDragon Interactives jQuery Navigation定制了jQuery的浏览菜单，把鼠标移到上面，渐变非常漂亮。Visit SiteFamSpams FaceBox定制jQuery中FaceBox提供效果很酷的lightbox，FaceBox现在已经是一个jQuery的插件。Visit SiteGrooveshark Wid...

JQuery 技巧和窍门整理（8个）

2016年07月27日 6 阅读

1. 新窗口打开链接 XHTML 1.0 Strict 版本不支持 target="_blank" 属性，而使用 JQuery 能很好地解决这个问题，实现新窗口打开网页：复制代码代码如下: $（"a[@rel$="external"]"）.click（function（）{ this.target = "_blank"; }）; /* Usage: <a href="http://www.mangguo.org/" rel="external"&...

JQuery实现的在新窗口打开链接的方法小结

2016年07月27日 5 阅读

第一种：下面的代码是针对jb51这个样式下的a都是在新窗口打开复制代码代码如下: <script type="text/javascript"> jQuery（document）.ready（function（$） { $（".jb51 a"）.attr（{target: "_blank"}）; }）; </script> 第二种：复制代码代码如下: <script src="http://code.jquery.c...

基于jQuery的表格操作插件

2016年07月27日 10 阅读

大多数前端er都把网页中的table标签替换为div，主要就是因为div要比table更容易添加CSS样式。但是我们在日常应用中仍然要用到table表格，其中最好的例子就是对照表。今天彬Go将向大家推荐15个jQuery表格插件让你对数据表格进行显示、排序、筛选和操控。如jQuery表格排序插件、jQuery表格拖拽插件、jQuery树形表格插件、设置颜色、点击、替换等效果。1.DataTables-强大的jQuery表格插件DataTables是提供了大...

网页图片延时加载的js代码

2016年07月27日 6 阅读

实现原理把所有需要延时加载的图片改成如下的格式：<img lazy_src="图片路径" border="0"/>然后在页面加载时，把所有使用了lazy_src的图片都保存到数组里，然后在滚动时计算可视区域的top，然后把延时加载的图片中top小于当前可视区域（即图片出现在可视区域内）的图片的src的值用lazy_src的来替换（加载图片）代码lazyLoad=（function（） { var map_element = {}; var el...

js实现tab选项卡函数代码

2016年07月27日 6 阅读

* { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-size: 12px; padding-top: 0px; } BODY { padding-left: 20px; padding-top: 20px; } .wid240 { width: 242px; margin-bottom: 20px; } .wid180 { width: 1...

Javascript下的urlencode编码解码方法附decodeURIComponent

2016年07月27日 8 阅读

关于在ASP（Server.UrlEncode）、PHP（urlencode（））函数编码结果，或是经过asp、php等动态语言直接写入COOKIES的中文字符，用JS读取的时候，都会碰到一个编码的问题，那就是最终字符串被urlencode编码了，而又时有需要从JS在客户端去读取这些数据。而本文，就大概说说如何在js中通过系统自带的函数去解决这个问题。而相信碰到过此问题的朋友应该都有所了解，目前网络上流行一些js下的自定义函数去解决这个问题，如说vbsc...

js 文件引入实现代码

2016年07月27日 5 阅读

也不好麻烦让他们从新写一个方法，由于他们都引用了这个AA.js文件，想在这边在AA.js后执行一个函数自动把jq库引入，于是想到引入js文件方法：复制代码代码如下: getScript : function（s,call）{ var el = UI.DC（"script"）; if （call） { el.onload =el.onreadystatechange=call; } UI.A（el,"type","text/javascript"）; U...

Javascript 网页黑白效果实现代码（兼容IE/FF等）

2016年07月27日 5 阅读

下面的演示地址是局部灰色局部灰色演示地址： http://demo.jb51.net/js/grayscale/index.html完全灰色演示地址： http://demo.jb51.net/js/grayscale/demo2.htm使用方法： 1.首先在网页中引入grayscale.js文件。 2.执行grayscale函数即可。示例代码：复制代码代码如下: grayscale（document.body）; //整站变成灰色 graysc...

Javascript Event事件中IE与标准DOM的比较

2016年07月27日 5 阅读

1.事件流的区别 IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件示例：复制代码代码如下: <body> <div> <button>点击这里</button> </div> </body> 冒泡型事件模型： button->div->body （IE事件流）捕获型事件模型： body->div->button （Net...

js 禁止选择功能实现代码（兼容IE/Firefox）

2016年07月27日 8 阅读

ie,chrome可能通过JS的onselectstart 例如复制代码代码如下:<body onselectstart="return false"> firefox可以通过CSS 复制代码代码如下: *{ -moz-user-select:none } ...

改变javascript函数内部this指针指向的三种方法

2016年07月27日 9 阅读

在查了大量的资料后，我总结了下面的三条规则，这三条规则，已经可以解决目前我所遇到的所有问题.规则0：函数本身是一个特殊类型，大多数时候，可以认为是一个变量。复制代码代码如下: function a（） { alert（this）; } 或者 var a = function（） { alert（this）; } 都可以认为是创建了一个变量，这个变量的值就是一个函数。规则1：如果一个函数，是某个对象的key 值，那么，this就指向这个对象。这个规...

javascript table排序这个更简单了，不用改变现在的表格结构

2016年07月27日 8 阅读

JavaScript实现可自定义排序的表格 - BODY { FONT-SIZE: 0.8em; FONT-FAMILY: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif } P { FONT-WEIGHT: bold; MARGIN-BOTTOM: 0px } .tableWidget_headerCell { BORDER-RIGHT: #aca899 1px solid; BORDER-...

预加载css或javascript的js代码

2016年07月27日 12 阅读

预加载文件一般有两种常用的方式：xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式（例如yui的Get模块），然后使用动态插入节点方法加载的文件都会在加载后立即执行，javascript的执行一方面会占用浏览器js执行进程，另一方面也可能改变页面结构，而css的执行更有可能让整个页面变化。xhr方式虽然不会执行脚本，但是由于同域的限制，且如今网站的静态文件都是部署在cdn服务器上，如何预加载css js文件也变有点玄妙了。 St...

基于jquery的一个图片hover的插件

2016年07月27日 8 阅读

先来看看使用方法。演示地址 http://demo.jb51.net/js/jCutter_jquery/demo.htmHTML文件中这样写：复制代码代码如下: <div class="jcutter"> <img src="1.jpg" alt=""> <div class="jcutter-content"> 这是点开后的页面的内容 </div> </div> 调用的话需要...

javascript之AJAX框架使用说明

2016年07月27日 7 阅读

ajax编码落地算是团队框架建设的一个里程碑，使得框架拥有了一个可应用调试的版本。在ajax框架编码中主要想到了这么几点:框架兼容性方法全面而要简单快捷可扩展性好框架兼容性:ajax框架的兼容性主要表现在XMLHttpRquest对象生成上。根据不同类型浏览器或者不同库一般有三种方式new XMLHttpRequest（）； new ActiveXObject（"Microsoft.XMLHTTP"）； new ActiveXObject（"Msxm...

javascript XMLHttpRequest对象全面剖析

2016年07月27日 8 阅读

一、引言异步JavaScript与XML（AJAX）是一个专用术语，用于实现在客户端脚本与服务器之间的数据交互过程。这一技术的优点在于，它向开发者提供了一种从Web服务器检索数据而不必把用户当前正在观察的页面回馈给服务器。与现代浏览器的通过存取浏览器DOM结构的编程代码（JavaScript）动态地改变被显示内容的支持相配合，AJAX让开发者在浏览器端更新被显示的HTML内容而不必刷新页面。换句话说，AJAX可以使基于浏览器的应用程序更具交互性而且更...

google 搜索框添加关键字实现代码

2016年07月27日 12 阅读

可以让你向你的用户建议搜索的关键词。要注意：改变搜索框的代码是违反Google政策的，但是，这段代码是独立于搜索代码之外的，尽管它确实影响了搜索框的输入。如下，随便用你希望的搜索关键词代替以下代码中的ABC，DEF和GHI，当用户点击这些关键词的时候，它们就会自动出现在搜索框中。复制代码代码如下:// change forms[0] to forms[n] as needed. <SCRIPT language="JavaScript"&...

JavaScript 比较时间大小的代码

2016年07月27日 6 阅读

例如： Date.parse（ "2000-01-01" ） IE and Mozilla浏览器: "NaN"。那么我们一般在Web页面上显示的时间就不能直接转换。需要做处理。可以直接转换的格式"01/01/2000","2000/01/01" 复制代码代码如下: //定义正则表达式，因为jS对只能替换一个 //转换为 "2000/01/01" var regS = new RegExp（"-","gi"）; var date1=document....

首页 / 脚本样式 / JavaScript

基于jquery的超简单上下翻

超级酷和最实用的jQuery实例收集（20个）

JQuery 技巧和窍门整理（8个）

JQuery实现的在新窗口打开链接的方法小结

基于jQuery的表格操作插件

网页图片延时加载的js代码

js实现tab选项卡函数代码

Javascript下的urlencode编码解码方法附decodeURIComponent

js 文件引入实现代码

Javascript 网页黑白效果实现代码（兼容IE/FF等）

Javascript Event事件中IE与标准DOM的比较

js 禁止选择功能实现代码（兼容IE/Firefox）

改变javascript函数内部this指针指向的三种方法

javascript table排序 这个更简单了，不用改变现在的表格结构

预加载css或javascript的js代码

基于jquery的一个图片hover的插件

javascript之AJAX框架使用说明

javascript XMLHttpRequest对象全面剖析

google 搜索框添加关键字实现代码

JavaScript 比较时间大小的代码

javascript table排序这个更简单了，不用改变现在的表格结构