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

jquery 倒计时效果实现秒杀思路

2016年07月27日 6 阅读

复制代码代码如下: <script type="text/javascript"> $（function（）{ countDown（"2015/9/8 11:11:59","#colockbox1"）; }）; function countDown（time,id）{ var day_elem = $（id）.find（".day"）; var hour_elem = $（id）.find（".hour"）; var minute_elem ...

自动设置iframe大小的jQuery代码

2016年07月27日 8 阅读

复制代码代码如下: <iframe src="main_folder.aspx" class="global_main" scrolling="auto" frameborder="0" name="main"></iframe> 复制代码代码如下: /*自动宽度*/ global.autoWidth = function （） { //global_main $（".global_main"）.height（$（window...

JQuery触发事件例如click

2016年07月27日 7 阅读

复制代码代码如下: $（"#jquery_ulsjcuiwqljksadjaspcjxzkhl li:eq（0） a"）.trigger（"click"）; $（"#bt）.click（）; ...

$.get获取一个文件的内容示例代码

2016年07月27日 6 阅读

复制代码代码如下: $.get（"widget_upload.html", {}, function （html） { $（"body"）.append（html）; widget.plupload（$（"#jquery_nnmwidhuiapqjklfayshw"））; }）; ...

Jquery 的outerHeight方法使用介绍

2016年07月27日 6 阅读

获取第一个匹配元素外部高度（默认包括补白和边框）。此方法对可见和隐藏元素均有效。 outerHeight（options） optionsBoolean默认值:"false" 设置为 true 时，计算边距在内。描述: 获取第一段落外部高度。 HTML 代码: 复制代码代码如下: <p>Hello</p><p>2nd Paragraph</p> jQuery 代码: 复制代码代码如下: var p ...

查找iframe里元素的方法可传参

2016年07月27日 11 阅读

复制代码代码如下: //查找iframe里面的元素 function FindObject（ss） { var o = null; o = $（window.frames["main"].document）.find（"#" + ss）; return o; } ...

导航跟随滚动条置顶移动示例代码

2016年07月27日 5 阅读

复制代码代码如下: #topmenu{position:absolute;top:100px;background:#4b4a4a;width:100%;margin:0 auto;clear:both;overflow:hidden;z-index:998;left:0} <script type="text/javascript"> jQuery（document）.ready（function（） { var topmenu = jQu...

jQuery 三击事件实现代码

2016年07月27日 9 阅读

直接给出代码如下：复制代码代码如下: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方法

2016年07月27日 6 阅读

废话不多说，上代码：复制代码代码如下: <！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示例代码

2016年07月27日 7 阅读

复制代码代码如下: <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使用示例

2016年07月27日 5 阅读

复制代码代码如下: <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实现图片放大预览实现原理及代码

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 7 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

复制代码代码如下: <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滚动条部分设置介绍

2016年07月27日 7 阅读

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

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

2016年07月27日 8 阅读

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

javascript常用对话框小集

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

首页 / 脚本样式 / JavaScript

jquery 倒计时效果实现秒杀思路

自动设置iframe大小的jQuery代码

JQuery触发事件例如click

$.get获取一个文件的内容示例代码

Jquery 的outerHeight方法使用介绍

查找iframe里元素的方法可传参

导航跟随滚动条置顶移动示例代码

jQuery 三击事件实现代码

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

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

jquery foreach使用示例

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

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

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

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

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

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

jquery easyui滚动条部分设置介绍

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

javascript常用对话框小集