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

jquery插件制作教程 txtHover

2016年07月27日 5 阅读

定义插件的结构骨架：书中最开始使用的结构骨架如下：复制代码代码如下: jQuery.fn.fluginmane=function（）{ return this.each（function（）{ //code... }） } 这种结构不是很理想，特别书中提到，为了防止冲突例子不使用$，而使用jQuery。在这里，我们使用匿名函数的方式实现插件的结构骨架，这样就可以防止可能的冲突。也希望大家好好了解下匿名函数相关的知识。复制代...

jquery插件制作图片走廊 gallery

2016年07月27日 5 阅读

首先创建jquery.gallery.js的插件文件，构建程序骨架。复制代码代码如下: （function （$） { $.fn.gallery = function （） { return this.each（function （） { var self = $（this）; self.click（function （） { }）; }）; } }）（jQuery）; 创建html文件...

jquery插件制作表单验证实现代码

2016年07月27日 5 阅读

先下页面代码：复制代码代码如下: <！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插件制作自增长输入框实现代码

2016年07月27日 6 阅读

首先还是看html代码：复制代码代码如下: <！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>&l...

jquery插件制作提示框插件实现代码

2016年07月27日 5 阅读

我们首先来介绍自定义选择器的开发，他的代码结构如下：复制代码代码如下: （function （$） { $.expr[":"].customselector = function （object,index,properties,list） { //code }; }）（jQuery）; 调用时候的写法： $（a:customselector）现在我们先解释下函数中所使用到的各个参数。 object：当前dom元素的引用，而不是jquery对...

jquery插件制作手风琴Panel效果实现

2016年07月27日 5 阅读

首先我们还是创建一个html文件，里面包含如下的html结构。复制代码代码如下: <div id="pane-container"> <div class="pane"> <h1>first pane</h1> <p>this script should allow only one pane to be visible at a time.</p> <...

javascript基础知识大全便于大家学习，也便于我自己查看

2016年07月27日 5 阅读

1.javascript的数组API 复制代码代码如下: //定义数组 var pageIds = new Array（）; pageIds.push（"A"）; 数组长度 pageIds.length; //shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift（）; //a：[2,3,4,5] b：1 //unshift：将参数添加到原数组开头，...

JS左右无缝滚动（一般方法+面向对象方法）

2016年07月27日 5 阅读

复制代码代码如下: <！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...

javascript五图轮播切换实用版

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...

eval的两组性能测试数据

2016年07月27日 5 阅读

@老赵的一个微博“ 由eval生成的代码效率真的很差吗？ http://t.cn/zWTUBEo 内含人身攻击，不喜勿入。” 引发了最近对eval火爆的讨论，教主 @Franky 和灰大 @otakustay 也给了精彩的数据分析。刚好之前也做过类似的测试，我也跟风凑个热闹，提供两组数据供大家参考。更新1：感谢灰大 @otakustay 的指导，为排除eval（""）调用本身对结果的影响，增加一组新数据A3, B3。并对旧的全部数据重测。更新2...

精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程

2016年07月27日 5 阅读

当你想在有限的页面空间内展示多个内容片段的时候，手风琴（Accordion）效果就显得非常有用，它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换。借助流行的 jQuery 框架，只需很少的代码就可以实现精美的手风琴效果，帮助你的网站吸引更多用户的眼球。Elegant Accordion with jQuery and CSS3首先推荐的这款插件是基于 jQuery 和 CSS3 实现的优雅的鼠标悬停手风琴效果。制作教程在线演示Vertica...

网页打开自动最大化的js代码

2016年07月27日 5 阅读

代码1：最常用的代码，比较简单复制代码代码如下: <script language="javascript"> self.moveto（0,0） self.resizeto（screen.availwidth,screen.availheight） </script> 代码2：以下代码放在<head></head>之间: 复制代码代码如下: <script language=″javascri...

EASYUI TREEGRID异步加载数据实现方法

2016年07月27日 7 阅读

官方提供的treegrid的ex 我给大家贴出来看看吧：复制代码代码如下: $（function（）{ $（"#tt"）.treegrid（{ url:"treegrid_data3.json", onAfterEdit:function（row,changes）{ alert（row.name）; } }）; }）这个是页面初始化的。看看他的JSON: 复制代码代码如下: {"total":117,"rows":[ <SPAN styl...

window.open不被拦截的实现代码

2016年07月27日 5 阅读

复制代码代码如下: $（"#last"）.click（function（）{ var w=window.open（）; setTimeout（function（）{ w.location="http://www.baidu.com"; }, 1000）; return false; }）; ...

原生js写的放大镜效果

2016年07月27日 5 阅读

我的大体思路是：时时监听鼠标的坐标，当鼠标移动时，透明层随着鼠标移动，大图片相对透明层的移动而移动。不废话了，看代码。复制代码代码如下: <！DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>放大镜</title> <meta name="Keywords" content=""> <meta na...

javascript动态加载实现方法一

2016年07月27日 6 阅读

现在也有很多JS动态加载的框架，比如In.js。但是这种并不是我想要的编写方式，我来说说我的想法。先来一段java代码复制代码代码如下: import Biz.User; User u = new User（）; u.show（）; 按流程就是导包、实例化、调用。 JS是做不了导包的，或者说代码意义上的导包，一般只是在页面上进行script标签的引入。那么先假设需要写成这样复制代码代码如下: Using（"User"）; var u = n...

javascript动态加载二

2016年07月27日 5 阅读

在上一篇javascript动态加载中，提到了使用同步加载策略这一个方式来实现如复制代码代码如下: Using（"jquery"）; Using（"User"）; $（"#ID"）.click（function（）{ var user = new User（）; user.name = "xx"; user.show（）; }）; 由于JS是单线程的，所以同步策略带来的坏处不少，比如阻止之后的代码运行、造成浏览器假死等问题。使用异步策略又难以实现先...

javascript动态加载三

2016年07月27日 7 阅读

之前两篇都介绍了，通过动态加载JS文件或者说JS模块，是怎么一步一步实现。首先是通过同步策略来实现模块加载与回调函数之间进行分离，接着是通过异步策略来实现模块加载与回调函数之间进行分离。这一篇，主要是为了说说怎么优化异步策略，并且实现了随意加载（非任意顺序加载模块），页面Ready之后加载文件。先接一下上一篇遗留下来的问题 1、页面Ready之后进行加载 2、随意添加模块进行加载看第一个问题，这个问题其实还是比较简单的，主要是监听页面的DOMCon...

js选取多个或单个元素的实现代码（用class）

2016年07月27日 10 阅读

复制代码代码如下: function getElementsByClassName（elem_name,elem_tags） { //elem_name:查询的class名,elem_tags:在哪个元素下查找 if（elem_tags == null） { elem_tags = "*"; } var all_elem = document.getElementsByTagName（elem_tags）;//返回一个元素数组 var arr = [];...

javascript高级程序设计第二版第十二章事件要点总结（常用的跨浏览器检测方法）

2016年07月27日 6 阅读

复制代码代码如下: var EventUtil={ //跨浏览器处理程序---创建方法 addHandler:function（element,type,handler）{ if（element.addEventListener）{ element.addEventListneter（type,handler,false）; }else if（element.attachEvent）{ element.attachEvent（"on"+type,hand...

首页 / 脚本样式 / JavaScript

jquery插件制作教程 txtHover

jquery插件制作 图片走廊 gallery

jquery插件制作 表单验证实现代码

jquery插件制作 自增长输入框实现代码

jquery插件制作 提示框插件实现代码

jquery插件制作 手风琴Panel效果实现

javascript基础知识大全 便于大家学习，也便于我自己查看

JS左右无缝滚动（一般方法+面向对象方法）

javascript五图轮播切换实用版

eval的两组性能测试数据

精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程

网页打开自动最大化的js代码

EASYUI TREEGRID异步加载数据实现方法

window.open不被拦截的实现代码

原生js写的放大镜效果

javascript动态加载实现方法一

javascript动态加载二

javascript动态加载三

js选取多个或单个元素的实现代码（用class）

javascript高级程序设计第二版第十二章事件要点总结（常用的跨浏览器检测方法）

jquery插件制作图片走廊 gallery

jquery插件制作表单验证实现代码

jquery插件制作自增长输入框实现代码

jquery插件制作提示框插件实现代码

jquery插件制作手风琴Panel效果实现

javascript基础知识大全便于大家学习，也便于我自己查看