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

分享8款优秀的 jQuery 加载动画和进度条插件

2016年07月27日 5 阅读

加载动画和进度条在网站和 Web 应用中的使用非常流行。虽然网速越来越快，但是我们的网站越来越复杂，同时用户对网站的使用体验的要求也越来越高。在内容加载缓慢的时候，使用时尚的加载动画和进度条告诉用户还有内容正在加载是一种非常好的方式。今天这篇文章向大家推荐10款基于 jQuery 实现的加载动画和进度条插件。Spin.js 最喜欢这款插件了，动画图片的长度、粗细、速度和角度都可以灵活控制，想要做成什么样都可以。源码下载在线演示Percentage Load...

改进版通过Json对象实现深复制的方法

2016年07月27日 7 阅读

之前看到博客的关于Json对象的深复制方法，即复制代码代码如下: var obj = { sayName: function（） { alert（this.name）; }, name:"静水渊" };var cloneObj=JSON.parse（JSON.stringify（obj））;cloneObj.sayName（）; 但这种方式，不能复制属性值是函数的属性，因此改进了方法，以下是具体代码: 复制代码代码如下: var obj = { s...

js中递归函数的使用介绍

2016年07月27日 5 阅读

下面我们就做一个10以内的阶乘试试看吧： js中递归函数的使用 function f（num）{ if（num...

Jquery瀑布流插件使用介绍

2016年07月27日 7 阅读

瀑布流布局浅析浅谈个人在瀑布流网页的实现中遇到的问题和解决方法折腾:瀑布流布局（基于多栏列表流体布局实现）javascript 瀑布流、各大瀑布流简析与建议因为自己用jquery比较多，便萌生了把瀑布流做成插件的想法，图片就借用迅雷UED上的那些美图吧。先看看Demo 把代码放出来吧复制代码代码如下: ;（function（$）{ var //参数 setting={ column_width:204,//列宽 column_className:"wa...

js中encode、decode的应用说明

2016年07月27日 5 阅读

encodeURIComponent 将文本字符串编码为一个统一资源标识符（URI）的一个有效组件。 encodeURIComponent（encodedURIString）必选的encodedURIString参数代表一个已编码的 URI 组件。说明 encodeURIComponent方法返回一个已编码的 URI。如果您将编码结果传递给decodeURIComponent，那么将返回初始的字符串。因为encodeURIComponent方法对所...

js制作的鼠标悬浮时产生的下拉框效果

2016年07月27日 5 阅读

先给大家补补课，讲个简单的例子：复制代码代码如下: <html><head> <meta type-equiv="Content-Type" content="text/html"> <meta charset="utf-8″> <script type="text/javascript"> jq=jQuery.noConflict（）; jq=（document）.ready（functio...

不使用XMLHttpRequest实现异步加载 Iframe和script

2016年07月27日 7 阅读

调用页面如下：复制代码代码如下: <！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></ti...

使用jquery动态加载javascript以减少服务器压力

2016年07月27日 5 阅读

幸运的是，jQuery提供了一个内置的实用函数，$getScript（）为我们提供了这样的方法。来实现在网页动态的功能。来看看这个函数的语法： $.getScript（url,callback）获取url参数所指定的脚本，使用一个GET请求到指定的服务器 Parameters URL（）获取脚本文件的URL。 callback （Function）可选函数调用脚本文件加载后里面的函数具体实现过程是从资源加载文本 |如果字符串成功返回XHR实例，用...

基于jquery的滚动条滚动固定div（附演示下载）

2016年07月27日 5 阅读

例如：淘宝商品详情里，滚动条往下来拉的时候，商品详情和评价那个nav会固定，现在很多网站也都有这样类似的效果，现在流行这个么？元芳,你怎么看？我也在网上找了找代码，屡试不爽啊，很多代码乱且没用。于是乎，我自己写一个，代码非常之简单，只有10几行，但遗憾的是，不兼容IE6，如果谁有兼容IE6的例子，还请指教。直接贴下代码吧。复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transit...

基于jquery自己写tab滑动门（通用版）

2016年07月27日 7 阅读

css: 复制代码代码如下: .main { height:360px; width:290px; border:1px solid #444444; font-size:12px; color:#444444; margin:20px; } .main_top { height:30px; width:290px; line-height:30px; text-align:left; background-color:#999999; border-b...

fancybox modal的完美解决（右上的X）

2016年07月27日 6 阅读

加这个复制代码代码如下:helpers: { overlay: { closeClick: false }就是加这个，如复制代码代码如下: jQuery.fancybox（{ helpers: { overlay: { closeClick: false } }, "padding": 0, "margin": 0, "width": 400, "height": 400, "autoScale": false, "scrolling": "no",...

jQuery事件 delegate（）使用方法介绍

2016年07月27日 5 阅读

delegate定义和用法 delegate（）方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 delegate（）方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。参数描述childSelector必需。规定要附加事件处理程序的一个或多个子元素。event必需。规定附加到元素的一个或多个事件。由空格分隔多个事件值。必须是有效的事件。data可选。规定传递到函数的额外数据...

JS 控件事件小结

2016年07月27日 6 阅读

概述：事件对于控件来说至关重要，控件的消息通信机制使用事件的成本最低，但是对于JS控件来说有一些麻烦需要解决，JS类本身不支持事件，DOM模型支持的事件仅适应于浏览器的DOM节点。所以创建一套事件是我们写控件之前要做的。事件机制对于事件的机制我不想多说，各种语言中对事件的描述都很具体，都是观察者模式的一种实现，我们可以从中抽取出事件必须的接口（由于控件库是基于jQuery 所以接口跟jquery保持一致）： 1.on: 绑定事件 2.off: 删除事...

JS TextArea字符串长度限制代码集合

2016年07月27日 11 阅读

复制代码代码如下: <html> <body> <textarea id="t"></textarea> <input type="text" id="b2" /> <script type="text/javascript"> textAreaLimit（"t",{lastMsgLabel:"b2"}） function textAreaLimit（area,op）{ var de...

js限制textarea每行输入字符串长度的代码

2016年07月27日 5 阅读

但是textarea没有这个属性。 asp.net的服务端textbox这个属性也不起效，所以我们只有用js脚本来控制好，废话不多说，先上代码 javascipt源码：复制代码代码如下: function textCounter（field, maxlimit, lines） {//参数说明：field是textarea对象,maxlimit是最大允许长度,lines是行数 var arr = field.value.split（" "）;//首先我...

JS事件Event元素（兼容IE,Firefox,Chorme）

2016年07月27日 5 阅读

好的程序往往是兼容多种浏览器的。看下例：一个简单的button，我们可以通过点击下面的button直接通过event对象得到当前的button元素,兼容多浏览器.当然，其他元素事件的写法同。 <input type="button" id="btn" name="btn" value="button1" onclick="getEvent（event）"/> ...

js实现翻页后保持checkbox选中状态的实现方法

2016年07月27日 5 阅读

项目中的分页使用真分页，每次点击上下页按钮后，再次调用后台方法查询，重新刷新此页面。所以checkbox为false。比如酷狗音乐中，上下页选中的歌曲不会保留，只能在每页中选择添加后，再切换下页。但是项目中有着需求，所以只能完成实现。项目具体的需求如下：给角色授权时，选择模块以及模块下的操作，点击上下页后选中的checkbox不变。界面如下：实现的思路如下：在界面中，使用纯js完成。把选中的checkbox中的id，其中包括模块id，操作id，拼接成一个字...

jquery判断浏览器类型的代码

2016年07月27日 5 阅读

Jquery中利用navigator.userAgent.indexOf来判断浏览器类型，并进行了一下处理，建议学习Jquery的朋友学习下，了解一下思路。主要使用的方法:$.browser.["浏览器关键字"] 复制代码代码如下: $（function（） { if（$.browser.msie） { alert（"this is msie"）; } else if（$.browser.safari） { alert（"this is safari！...

js判断变量是否未定义的代码

2016年07月27日 7 阅读

例如： if（！myVar01）alert（"发生错误"）; // 该代码直接发生异常，因为变量myVar01没有申明 if（"undefined" == typeof myVar01）alert（"发生错误"）; // 这样写才不至于发生异常而： var myVar01; if（undefined == myVar01）alert（"发生错误"）; // 该代码会正确运行 if（"undefined" == typeof myVar01）alert（"...

js模拟点击事件实现代码

2016年07月27日 6 阅读

html: 复制代码代码如下: <h3>请单击“提交”，测试提交按钮的单击事件也被触发了。</h3> <button id="btn">提交</button> <form action="#" method="get" id="form"> <input type="text" name="site" value="www.woiweb.net" readonly/> <inp...

首页 / 脚本样式 / JavaScript

分享8款优秀的 jQuery 加载动画和进度条插件

改进版通过Json对象实现深复制的方法

js中递归函数的使用介绍

Jquery瀑布流插件使用介绍

js中encode、decode的应用说明

js制作的鼠标悬浮时产生的下拉框效果

不使用XMLHttpRequest实现异步加载 Iframe和script

使用jquery动态加载javascript以减少服务器压力

基于jquery的滚动条滚动固定div（附演示下载）

基于jquery自己写tab滑动门（通用版）

fancybox modal的完美解决（右上的X）

jQuery事件 delegate（）使用方法介绍

JS 控件事件小结

JS TextArea字符串长度限制代码集合

js限制textarea每行输入字符串长度的代码

JS事件Event元素（兼容IE,Firefox,Chorme）

js实现翻页后保持checkbox选中状态的实现方法

jquery判断浏览器类型的代码

js判断变量是否未定义的代码

js模拟点击事件实现代码