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

jquery scrollTop方法根据滚动像素显示隐藏顶部导航条

2016年07月27日 6 阅读

本文使用jquery的scrollTop方法监视页面垂直滚动像素，并根据像素隐藏或者显示顶部的导航条。效果预览网址：http://www.keleyi.com/keleyi/phtml/scrolloversee.htm scrollTop的介绍：语法 $（selector）.scrollTop（offset）参数 offset 描述可选。规定相对滚动条顶部的偏移，以像素计。定义和用法 scrollTop（）方法返回或设置匹配元素的滚动条的垂直...

Jquery实现视频播放页面的关灯开灯效果

2016年07月27日 7 阅读

本示例使用Jquery实现视频播放页面的关灯开灯效果。其中视频显示使用embed 元素，该元素是html5的元素，所以使用支持html5的浏览器效果会更好。效果预览网址：http://www.keleyi.com/keleyi/phtml/guandeng/ 完整代码：复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o...

jQuery实现可拖动的浮动层完整代码

2016年07月27日 10 阅读

以下是使用jQuery实现可拖动的浮动层的完整代码，复制保存到html文件就可以体验效果。也可以访问以下网址体验效果：http://www.keleyi.com/keleyi/phtml/dragdiv.htm 光标移动到层上，按住鼠标就可以拖动层。复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml...

Extjs中ComboBoxTree实现的下拉框树效果（自写）

2016年07月27日 6 阅读

最近涉及到的一个项目中，需要实现ComboBoxTree的效果，首先，看看效果吧…… 在Extjs中是没有这种效果的，所以得自己写，在网络上看了看别人的资料，自己再总结了一下，修改了一下，代码如下：复制代码代码如下: Ext.ux.TreeCombo = Ext.extend（Ext.form.ComboBox, { constructor: function （cfg） { cfg = cfg || {}; Ext.ux.TreeCombo.supe...

兼容IE和FF的图片上传前预览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-...

jquery实现商品拖动选择效果代码（自写）

2016年07月27日 5 阅读

效果图如下：主页面index.html: 复制代码代码如下: <！doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <title>Drag and drop</title> <link rel="stylesheet" href="main.css"> <script src="http:/...

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

jQuery实现随意改变div任意属性的名称和值（部分原生js实现）

2016年07月27日 5 阅读

一些简单的例子，用原生js和jQuery实现随意改变div属性，和重置。代码如下：复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参，改变Div任意属性的值</title> <style type="text/css"> body,p{margin:0;padding:0...

jQuery JSON实现无刷新三级联动实例探讨

2016年07月27日 7 阅读

复制代码代码如下: <asp:DropDownList ID="ddl1" runat="server" Width="100px" ></asp:DropDownList> <asp:DropDownList ID="ddl2" runat="server" Width="100px" ></asp:DropDownList> <asp:DropDownList ID="ddl3" runat="s...

js判断背景图片是否加载成功使用img的width实现

2016年07月27日 5 阅读

非背景图片可以用img的onerror 来判断,但是背景图片呢,刚无意中发现一个方法,目测可行,但不确定是否始终可行。复制代码代码如下: var img=new Image（）; img.src="图片地址"; if（img.width==0）{//表示图片加载失败了} else{//成功了} 这方法一般情况下可行,但是为测试过图片很大或者加载速度很慢的时候是否可行。...

js动态为代码着色显示行号

2016年07月27日 6 阅读

本实例是使用Javascript插件,在浏览器客户端动态的为代码着色,可以显示行号.Javascript代码着色实例效果：http://www.keleyi.com/keleyi/phtml/codecolor/a/index.htm以下是代码:复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...

js控制web打印（局部打印）方法整理

2016年07月27日 5 阅读

首先定义css样式：复制代码代码如下: @media print { .noprint { display: none;color:green } } 对于不想打印的内容只用在标签中加上 class=noprint即可，打印的时候客户也不会看到页面任何变化。打印时调用 window.print（）; 另外几种js局部打印的方法：移花接木：打印的时候，把需要打印的内容替换成整个body内容（用户会在打印的时候看到变化，客户体验不太好）复制代码 ...

js控制的遮罩层实例介绍

2016年07月27日 5 阅读

闲来无事，把项目里很土的弹窗，改成了遮罩层显示，感觉效果好点了。上代码：父页面：复制代码代码如下: <div id="newDiv1" style="display: none;"> <%@include file="/WEB-INF/jsp/infobackup/martyr/printCertDia.jsp" %> <%--<jsp:include page="/WEB-INF/jsp/infobackup/m...

javascript-简单的计算器实现步骤分解（附图）

2016年07月27日 6 阅读

知识点： 1、数学运算“+，-，*，/”的使用 2、输入内容的判断，对于事件对象的来源的判断效果：代码：复制代码代码如下: <style> #calculate { line-height: 60px; text-align: center; background: #ccc; font-size: 16px; font-weight: bold; } #calculate tbody input{ width: 100%; h...

javascript-简单的日历实现及Date对象语法介绍（附图）

2016年07月27日 5 阅读

知识点：主要是对Date对象的使用。（下面的介绍内容来自网络）创建 Date 对象的语法： var myDate=new Date（） Date 对象会自动把当前日期和时间保存为其初始值。参数形式有以下５种： new Date（"month dd,yyyy hh:mm:ss"）; new Date（"month dd,yyyy"）; new Date（yyyy,mth,dd,hh,mm,ss）; new Date（yyyy,mth,dd）; new...

javascript-表格排序（降序/反序）实现介绍（附图）

2016年07月27日 5 阅读

知识点： Array方法： sort:降序 reverse:反序效果：代码：复制代码代码如下: <style> *{ margin: 0; padding: 0; } #tableSort{ line-height: 22px; background: #ccc; } #tableSort thead, #tableSort tfoot{ background: #066; color: #fff; font-size: 14px; }...

js怎么终止程序return不行换jfslk

2016年07月27日 5 阅读

alert（3）就这么段程序，没有写在function中，想啊想，怎么终止js呢 alert（3） return; alert（3）这么写，失败，return只能终止函数网上也找不到解决办法，问朋友吧，一个说不能，一个告诉我试试die alert（3） die; alert（3）哇塞，我佩服啊，居然成功了 alert（typeof die）怎么回事：undefined，未定义,控制台还报错了 alert（3） jfslk; alert（3）啊，...

window.event.keyCode兼容IE和Firefox实现js代码

2016年07月27日 5 阅读

HTML代码复制代码代码如下: <input type="text" onkeydown="keyNumAll（event）;" > Javascript 代码复制代码代码如下: function keyNumAll（evt）{ //兼容IE和Firefox获得keyBoardEvent对象 evt = （evt）？ evt : （（window.event）？ window.event : ""）; var key = evt....

chrome浏览器不支持onmouseleave事件的解决技巧

2016年07月27日 7 阅读

之前一直没测试chrome ，今天事情不太多，就测试了一下，发现给div加的 onmouseleave事件在chrome 中不起效果；后来发现解决办法用jquery的方式实现例如复制代码代码如下: <div id=‘aaa" class="divfloat" " onmouseleave="$（this）.slideUp（）;" style="background-color: White; width:553px; position: ab...

js 输出内容到新窗口具体实现代码

2016年07月27日 5 阅读

找了好久，都没有~！！！在w3c上面找到的，留下来以后备用~！复制代码代码如下: <html> <body> <script type="text/javascript"> myWindow=window.open（"","","width=200,height=100"） myWindow.document.write（"This is "myWindow""） myWindow.focus（） myWindow...

首页 / 脚本样式 / JavaScript

jquery scrollTop方法根据滚动像素显示隐藏顶部导航条

Jquery实现视频播放页面的关灯开灯效果

jQuery实现可拖动的浮动层完整代码

Extjs中ComboBoxTree实现的下拉框树效果（自写）

兼容IE和FF的图片上传前预览js代码

jquery实现商品拖动选择效果代码（自写）

js仿百度有啊通栏展示效果实现代码

jQuery实现随意改变div任意属性的名称和值（部分原生js实现）

jQuery JSON实现无刷新三级联动实例探讨

js判断背景图片是否加载成功使用img的width实现

js动态为代码着色显示行号

js控制web打印（局部打印）方法整理

js控制的遮罩层实例介绍

javascript-简单的计算器实现步骤分解（附图）

javascript-简单的日历实现及Date对象语法介绍（附图）

javascript-表格排序（降序/反序）实现介绍（附图）

js怎么终止程序return不行换jfslk

window.event.keyCode兼容IE和Firefox实现js代码

chrome浏览器不支持onmouseleave事件的解决技巧

js 输出内容到新窗口具体实现代码