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

jQuery 三击事件实现代码

2017年02月06日 17 阅读

直接给出代码如下：复制代码代码如下:jQuery.event.special.tripleclick = { setup: function（data, namespaces） { var elem = this, $elem = jQuery（elem）; $elem.bind（"click", jQuery.event.special.tripleclick.handler）; }, teardown: function（namespaces） { ...

实现只能输入数字的input不用replace方法

2017年02月06日 16 阅读

废话不多说，上代码：复制代码代码如下: <！DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title></title> <script type="text/javascript"> /** * 只能输入数字0-9 */ f...

jquery 追加tr和删除tr示例代码

2017年02月06日 19 阅读

复制代码代码如下: <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script> $（function（）{ $（"#getAtr"）.click（function（）{ $str=""; $str+="<tr align="center">"; $str+="<td><input type="...

jquery foreach使用示例

2017年02月06日 15 阅读

复制代码代码如下: <form id="input_iForm" action="${pageContext.request.contextPath}/transfer/input_salary.shtml"> <input type="text" class="input_w150" vili="true" onkeyup="formatBankNo（this）"/> <input type="text" class="i...

jQuery实现图片放大预览实现原理及代码

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

JS鼠标滑过图片时切换图片实现思路

2017年02月06日 15 阅读

在很多网站上我们会发现当鼠标滑过一张图片后，这张图片切换为了另外的一张图片。这里小编说说这是怎么实现的。在写Javascript代码前我们必须要有实验的HTML代码复制代码代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Jquery deal images&...

JQuery加载图片自适应固定大小的DIV

2017年02月06日 18 阅读

如何在固定大小的div中放置一个图片，当图片较小时显示实际大小，当图片超过div 大小时图片自动适应div 的大小 jquery图片自适应大小实现过程的主要代码：代码如下: 复制代码代码如下: .divImg{ max-height:200px; max-width:200px; width: expression（this.width > 200 && this.width > this.height ？ 200 : auto）; he...

JQuery实现鼠标滑过显示导航下拉列表

2017年02月06日 19 阅读

当网站导航栏项目很多的时候，我们往往是将同一级目录下的栏目先隐藏起来。当用户的鼠标滑过时则显示出来。这就是用javascript实现的一个导航栏下拉列表。小编一步步给大家讲解。值得注意的是我们使用的是Javascript的一个框架Jquery来实现的。所以，你在使用的时候必须要下载Jquery。先建立HTML代码复制代码代码如下: <html> <head> <meta http-equiv="Content-Type"...

利用jquery包将字符串生成二维码图片

2017年02月06日 15 阅读

将一个字符串（可以是中文，在生成二维码图片之前将中文转码）生成二维码图片，如果想要带log的二维码，可以在生成后的二维码中间部位自己添加一个小log，log图片不要太大，不然就扫描不出内容了。复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="js/jquery-1.8.3...

jquery实现盒子下拉效果示例代码

2017年02月06日 18 阅读

复制代码代码如下: <script src="js/Jquery1.7.js"></script> <script type="text/javascript"> $（function （） { $（"div:eq（1）"）.css（{ "margin-top": "-=100px" }）; $（"div:first"）.mouseover（function （） { $（"div:eq（1）"）.animate（{"...

jquery easyui滚动条部分设置介绍

2017年02月06日 19 阅读

在使用dialog插件时，默认是屏幕居中的，但是当页面出现滚动条时，dialog并没有随着滚动条往下滚动，这时就需要用户滑动滚动条来定位dialog，这不人性化，在说出解决方案前先来普及一下jquery关于定位的几个方法复制代码代码如下: //获取浏览器显示区域的高度 $（window）.height（）; //获取浏览器显示区域的宽度 $（window）.width（）; //获取页面的文档高度 $（document.body）.height（）; ...

toggle一个div显示或隐藏且可扩展成自定义下拉框

2017年02月06日 16 阅读

复制代码代码如下: $（function（）{ //toggle div $（"#gga"）.click（function（event）{ event.stopPropagation（）; //阻止冒泡事件 $（".toggleoption"）.slideToggle（"fast"）; }）; //slideup div $（document）.click（function（event） { var eo = $（event.target）; if（$（...

javascript常用对话框小集

2017年02月06日 15 阅读

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

js调用图片隐藏&显示实现代码

2017年02月06日 16 阅读

复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <SCRIPT> var intTimeStep=20; var isIe=（window.ActiveXObject）？true:false; var intAlphaStep=（isIe）？5:0.05; var curSObj=n...

javascript仿php的print_r函数输出json数据

2017年02月06日 15 阅读

复制代码代码如下: //theOb（json数据） function print_r（theObj） { var retStr = ""; if （typeof theObj == "object"） { retStr += "<div style="font-family:Tahoma; font-size:7pt;">"; for （var p in theObj） { if （typeof theObj[p] == "object"） ...

JQuery实现点击div以外的位置隐藏该div窗口

2017年02月06日 17 阅读

jquery实现鼠标点击div外的地方div窗口隐藏消失的复制代码代码如下: <！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>...

jquery mobile事件多次绑定示例代码

2017年02月06日 19 阅读

新手新手,初学js,html,css,jq就不断麻烦复制代码代码如下: $（document）.on（"pageinit",function（）{ $（"XXX"）.bind（） }）这种绑定方法会在整个document每pageinit一次,就对xxx进行的某一事件进行绑定,而pageinit事件什么时候会触发,具体要如何解决,可以看链接 http://rubiks.ph/jquery-mobile-events-firing-multiple-...

jquery mobile changepage的三种传参方法介绍

2017年02月06日 15 阅读

本来觉得changePage 那么多option,传几个参数应该没问题结果翻遍国内外网站,基本方法只有三种 1,显性传参,就是利用url这个地址把参数带上,然后到changepage后的新页面,用函数分割下来,提取 2,利用全局变量,应该就是所谓的内存法,在changePage时候,把参数干脆搞个变量存起来,之后到新的页面再提取 3,利用storage了.localstorage,sessionstorage,格式正好是键值格式,先转字符,然后用的时候转成...

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" xml:lang="en" lang="en"> <h...

javascript 实现键盘上下左右功能的小例子

2017年02月06日 19 阅读

复制代码代码如下:<script type="text/javascript"> function up（）{ alert（"up"）;} function down（）{alert（"down"）;} function left（）{ alert（"left"）;} function right（）{alert（"right"）;} function jumpPage（）{ if（event.keyCode==37）{ ...

首页 / 脚本样式 / JavaScript

jQuery 三击事件实现代码

实现只能输入数字的input不用replace方法

jquery 追加tr和删除tr示例代码

jquery foreach使用示例

jQuery实现图片放大预览实现原理及代码

JS鼠标滑过图片时切换图片实现思路

JQuery加载图片自适应固定大小的DIV

JQuery实现鼠标滑过显示导航下拉列表

利用jquery包将字符串生成二维码图片

jquery实现盒子下拉效果示例代码

jquery easyui滚动条部分设置介绍

toggle一个div显示或隐藏且可扩展成自定义下拉框

javascript常用对话框小集

js调用图片隐藏&amp;显示实现代码

javascript仿php的print_r函数输出json数据

JQuery实现点击div以外的位置隐藏该div窗口

jquery mobile事件多次绑定示例代码

jquery mobile changepage的三种传参方法介绍

js左侧三级菜单导航实例代码

javascript 实现键盘上下左右功能的小例子

js调用图片隐藏&显示实现代码