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

js setTimeout 参数传递使用介绍

2017年02月06日 20 阅读

window.settimeout（）方法要调用带参数的函数有两种方法： 1. 复制代码代码如下: function init（）{ var url = "<%=basePath%>fetchwater.do？method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random（）; //alert（url）; window.setTimeout（function（）...

jQuery lazyLoad图片延迟加载插件的优化改造方法分享

2017年02月06日 18 阅读

jQuery lazyLoad.js插件是一款基于jquery框架，可以“实现”图片延迟加载的插件。请注意，我用了双引号，因为从我自己实际调试的结论来说呢，并不会延迟加载，而是先下载，然后通过改变<img>的src属性来隐藏原来的图片。我们先来看看他的代码吧！复制代码代码如下: <script type="text/javascript" src="/static/jssrc/lazyload.js"></script...

jQuery教程 $（）包装函数来实现数组元素分页效果

2017年02月06日 19 阅读

最近一周在做中文站搜索礼品widget的需求，这个需求中有一个分页的功能；具体demo可以参见下图：对应的js应用文件是同一个，页面中后面的offer数据已经埋好了，只是启用了css display:none样式把后面的offer元素隐藏了。现在要求对已存在的页面元素实现上下分页效果，也就是页面元素总集可以通过$（.class）获得，然后来实现分页功能。按照传统的一般做法，用jQuery可写成如下:复制代码代码如下:var total=$（.class）...

JavaScript的Module模式编程深入分析

2017年02月06日 17 阅读

基础知识首先我们要大概了解一下Module模式（2007年由YUI的EricMiraglia在博客中提出），如果你已熟悉 Module 模式，可以跳过本部分，直接阅读"高级模式"。匿名函数闭包匿名函数闭包是JavaScript最棒的特征，没有之一，是它让一切都成为了可能。现在我们来创建一个匿名函数然后立即执行。函数中所有的代码都是在一个闭包中执行的，闭包决定了在整个执行过程中这些代码的私有性和状态。复制代码代码如下:（function （） {// .....

IE、FF、Chrome浏览器中的JS差异介绍

2017年02月06日 22 阅读

因为浏览器公司各自为利益考虑，到目前为止各浏览器的HTML标准或是JS标准都还未统一。在平常的开发中，我们常使用的JS框架基本已经帮我们处理好了JS在各浏览器中的差异，但作为一个开发人员，还是有需要了解JS在浏览器中的差异。 FF、Chrome:没有window.event对象 FF、Chrome:没有window.event对象，只有event对象,IE里只支持window.event,而其他主流浏览器两者都支持,所以一般写成：function hand...

让元素在网页中可拖动示例代码

2017年02月06日 17 阅读

1.导入相应的JS类库: 复制代码代码如下: <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 2.带有id的div元素: 复制代码代码如下: <div id="draggable"&...

js 单击式的下拉菜单效果实例

2017年02月06日 18 阅读

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

js 三级关联菜单效果实例

2017年02月06日 19 阅读

复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/ht...

jquery固定底网站底部菜单效果

2017年02月06日 20 阅读

复制代码代码如下:<！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实现搜索框提示功能示例代码

2017年02月06日 18 阅读

博客的前某一篇文章中http://www.jb51.net/article/35175.htm写过一个用Ajax来实现一个文本框输入的提示功能。最近在一个管理项目的项目中，使用后发现，真的反应很慢，数据量很大的情况下使用Ajax去实现真的不合适，于是，我又写了一个使用Jquery来实现方法。废话不多说，上图上代码: 引用方式：复制代码代码如下: <body style="background-color: White;"> <for...

鼠标经过显示二级菜单js特效

2017年02月06日 18 阅读

复制代码代码如下:<！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实现div浮动在网页最顶上并带关闭按钮效果实例

2017年02月06日 18 阅读

复制代码代码如下:<html> <head> <title>javascript实现div浮动在网页最顶上并带关闭按钮效果实例</title> <style type="text/css"> <！-- body { margin: 0px;padding: 0px;text-align: center;} TD {FONT-SIZE: 12px; COLOR: #333;} #toubia...

Jquery操作下拉框（DropDownList）实现取值赋值

2017年02月06日 20 阅读

1. 获取选中项：复制代码代码如下: 获取选中项的Value值： $（"select#sel option:selected"）.val（）; 或者 $（"select#sel"）.find（"option:selected"）.val（）; 获取选中项的Text值： $（"select#seloption:selected"）.text（）; 或者 $（"select#sel"）.find（"option:selected"）.text（）; 2....

javascript 树形导航菜单实例代码

2017年02月06日 19 阅读

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

模拟多级复选框效果的jquery代码

2017年02月06日 19 阅读

今天又次体会到jquery的强大了，做了个多级复选框的效果，代码总共就20+行就over了。我又想用js来做一个看看，才写了几个方法就写不动了，兼容性要考虑很多，而且代码量直线上升。主要分享下jquery的这个效果的实现。代码块分两块：一是全选的效果，就是点击全选的复选框时它的子孙都相应被选中或者未选中。这人很好做，代码如下：复制代码代码如下: evtEle.parent（）.next（".checks"）.find（"input:checkbo...

jquery二级导航内容均分的原理及实现

2017年02月06日 18 阅读

这个是去年做过的一个项目中的算法，个人感觉还可以，所以拿出来分享下。背景：头部导航二级导航有些内容太长，一列的话太过难看，就要分成两列，要做到按块尽量均分，排列顺序没有限制。原理： 1.把各个二级导航做为一个独立的，内部分成多个块，算出各块的高度，升序排列。 2.求出各块的总高度和，除2得到平均最高的高度。 3.从块的高度最高的开始，如果高度大于平均高度，则这块放入A边，其他的分至B边。 4.如果小于这个高度，则平均高度变为减去最高高度的值。 5.取剩...

js Select下拉列表框进行多选、移除、交换内容的具体实现方法

2017年02月06日 18 阅读

复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><span class="wp_keywordlink_affiliate"><a href="tag/html" title="查看 html 中的全部文章" tar...

javascript中RegExp保留小数点后几位数的方法分享

2017年02月06日 18 阅读

复制代码代码如下: <script type="text/javascript">var db = "0.123456789";//原数值var num = 5;//小数点后位数var re = new RegExp（"d+.d{" + num + "}","gm"）; alert（db.match（re））;</script></td> </tr></table>...

Jquery动态进行图片缩略的原理及实现

2017年02月06日 19 阅读

复制代码代码如下: //页面加载完执行resizeImage（）函数 $（document）.ready（resizeImage（））; function resizeImage（）{ $（".pic a img"）.each（function（）{ //加载图片至内存，完成后执行 $（this）.load（function（）{ //获得原始图片高宽 var imgWidth = $（this）.width（）; var imgHeight = $（t...

jquery自定义类似$.ajax（）的方法实现代码

2017年02月06日 18 阅读

热腾腾的代码：复制代码代码如下: <script type="text/javascript"> $.extend（{ testgogo: function （options） { var defaults = { name:"Charles", year:"22", say:"Sandy is so beautiful！" }; var opts = $.extend（defaults, options）; alert（defaults....

首页 / 脚本样式 / JavaScript

js setTimeout 参数传递使用介绍

jQuery lazyLoad图片延迟加载插件的优化改造方法分享

jQuery教程 $（）包装函数来实现数组元素分页效果

JavaScript的Module模式编程深入分析

IE、FF、Chrome浏览器中的JS差异介绍

让元素在网页中可拖动示例代码

js 单击式的下拉菜单效果实例

js 三级关联菜单效果实例

jquery固定底网站底部菜单效果

Jquery实现搜索框提示功能示例代码

鼠标经过显示二级菜单js特效

javascript实现div浮动在网页最顶上并带关闭按钮效果实例

Jquery操作下拉框（DropDownList）实现取值赋值

javascript 树形导航菜单实例代码

模拟多级复选框效果的jquery代码

jquery二级导航内容均分的原理及实现

js Select下拉列表框进行多选、移除、交换内容的具体实现方法

javascript中RegExp保留小数点后几位数的方法分享

Jquery动态进行图片缩略的原理及实现

jquery自定义类似$.ajax（）的方法实现代码