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

在jQuery中常用的选择器介绍

2016年07月27日 5 阅读

层次选择器：$（"div p"）;//选取div下的所有的p元素$（"div>p"）.css（"border","1px solid red"）;//只选取div下的直接子元素//相邻的元素$（"div ~ p）.css（"border","1px solid red"）;与$（"div"）.nextAll（"p"）等价;//表示div后面的所有p兄弟元素$（"div ~ *"）.css（"border","1px solid red"）;//表示d...

js变换显示图片的实例

2016年07月27日 5 阅读

开始界面如图：复制代码代码如下:<head> <title></title> <script type="text/javascript"> function UpdateImg（） { //document.getElementById（"img1"）.setAttribute（"src", "images/2.jpg"）; var dogandcat = document.getElementsByNa...

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

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

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

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

jquery表格内容筛选实现思路及代码

2016年07月27日 5 阅读

复制代码代码如下: 筛选：<input type="text" id="sea" /> <table width="100%" id="se"> <thead> <tr><th></th><th>姓名</th><th>性别</th><th>地址</th></tr> </thead> <...

获取offsetTop和offsetLeft值的js代码（兼容）

2016年07月27日 12 阅读

复制代码代码如下: function offsetTop（ elements ）{ var top = elements.offsetTop; var parent = elements.offsetParent; while（ parent ！= null ）{ top += parent.offsetTop; parent = parent.offsetParent; }; return top; }; function offsetLeft（ el...

拖动table标题实现改变td的大小（css+js代码）

2016年07月27日 5 阅读

复制代码代码如下: <html> <title>拖动列宽的表格</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"><！-- .bg td{ font-size:12px; text-align:left; line-height:15px; ...

主页面中的两个iframe实现鼠标拖动改变其大小

2016年07月27日 7 阅读

复制代码代码如下: <%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm4.aspx.vb" Inherits="HIG_Receipt.WebForm4"%> <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <tit...

js实现在页面上弹出蒙板技巧简单实用

2016年07月27日 6 阅读

蒙板是两个div，其中popWindow样式的div用于遮住整个页面，并半透明。maskLayer 在popWindow上面，用于显示蒙板的信息，比如“载入中……“ 复制代码代码如下: <html> <head> <style type="text/css"> .popWindow { background-color:#9D9D9D; width: 100%; height: 100%; left: 0; top: ...

关于eval 与new Function 到底该选哪个？

2016年07月27日 5 阅读

废话不多说，直接上测试代码复制代码代码如下:var aa = "{name:"cola",item:[{age:11},{age:22},{age:23},{age:23}]}"; var now = new Date（）.getTime（）; for （var i = 0; i < 100000; i++） { var a = eval（"（" + aa + "）"）; } var now1 = new Date（）.getTime（）...

从数据结构分析看：用for each...in 比 for...in 要快些

2016年07月27日 6 阅读

之前听说火狐的JS引擎支持for each in的语法，例如下述的代码：复制代码代码如下:var arr = [10,20,30,40,50];for each（var k in arr） console.log（k）;即可直接遍历出arr数组的内容。由于只有FireFox才支持，所以几乎所有的JS代码都不用这一特征。不过在ActionScript里天生就支持for each的语法，不论Array还是Vector，还是Dictionary，只要是可枚举的...

关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置

2016年07月27日 7 阅读

IE下的DHTML有各种MS$的私有特征，已经是众所周知。其中有个比较有趣就是：event.screenX和event.screenY，可以获得系统级别的鼠标位置坐标。咋一听，其实也觉得没什么。屏幕上的坐标无非就是：浏览器客户区域里的坐标 + 浏览器窗口坐标 + 客户区偏移，仅此而已。IE本身就可以通过event和screen对象得到各种屏幕和窗体位置有关的信息。然而，真正诡异的事还没开始！按照标准的DOM模型定义，只有在触发某个事件的时候，才能从even...

动态加载js和css（外部文件）

2016年07月27日 6 阅读

复制代码代码如下: // 动态加载外部js文件 var flag = true; if（ flag ）{ loadScript（ "js/index.js" ）; }; function loadScript（ url ）{ var script = document.createElement（ "script" ）; script.type = "type/javascipt"; script.src = url; document.getEleme...

获取元素距离浏览器周边的位置的方法getBoundingClientRect

2016年07月27日 5 阅读

复制代码代码如下: var box = document.getElementById（ "gaga1" ）; /* alert（ box.getBoundingClientRect（）.top ）; alert（ box.getBoundingClientRect（）.right ）; alert（ box.getBoundingClientRect（）.bottom ）; alert（ box.getBoundingClientRect（）.left...

js跑马灯代码（自写）

2016年07月27日 5 阅读

复制代码代码如下: function cls_marquee（id,id1,id2,sp）{ this.obj_id=id; this.obj_id1=id1; this.obj_id2=id2; this.speed=sp; eval（this.obj_id2+".innerHTML="+this.obj_id1+".innerHTML"）; function Marquee（）{ if（eval（id2）.offsetTop-eval（id）.scr...

用显卡加速，轻松把笔记本打造成取暖器的办法！

2016年07月27日 6 阅读

最近破事比较多，好久没来这里写异想天开的玩意了。不过今天早上倒是想到个很有趣的东东，所以花了半小时简单的琢磨了会，顺便写点分享下。天气凉的时候，或者冻手冻脚的时候~ 于是这热乎乎的笔记本正好成了烘手的利器：）美中不足的是，平时不想它热的时候，风扇总是忽忽的转不停。现在真想让它热，倒是不给力了。解决办法也很简单，挂个3D游戏在那，特效全开，不热也不行。不过这样很是占用系统资源，不如自己简单的打造个“取暖器”！电脑里发热最大的硬件无非就是CPU和显卡了。让这两...

JS对img进行操作（换图片/切图/轮换/停止）

2016年07月27日 5 阅读

复制代码代码如下: <script type="text/javascript"> var i = 1; var n; function showImg（） { if （document.getElementById（"img"）.getAttribute（"src"） == "images/1.jpg"） { document.getElementById（"img"）.setAttribute（"src","images/2.jpg"）;...

用函数模板,写一个简单高效的 JSON 查询器的方法介绍

2016年07月27日 6 阅读

JSON可谓是JavaScript的亮点，它能用优雅简练的代码实现Object和Array的初始化。同样是基于文本的数据定义，它比符号分隔更有语义，比XML更简洁。因此越来越多的JS开发中，使用它作为数据的传输和储存。JS数组内置了不少有用的方法，方便我们对数据的查询和筛选。例如我们有一堆数据：复制代码代码如下:var heros = [ // 名============攻=====防=======力量====敏捷=====智力==== {name:"冰...

首页 / 脚本样式 / JavaScript

在jQuery中 常用的选择器介绍

js变换显示图片的实例

jQuery图片的展开和收缩实现代码

jQuery实现点击标题输入详细信息

js相册效果代码（点击创建即可）

js实现图片轮换效果代码

jquery表格内容筛选实现思路及代码

获取offsetTop和offsetLeft值的js代码（兼容）

拖动table标题实现改变td的大小（css+js代码）

主页面中的两个iframe实现鼠标拖动改变其大小

js实现在页面上弹出蒙板技巧简单实用

关于eval 与new Function 到底该选哪个？

从数据结构分析看：用for each...in 比 for...in 要快些

关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置

动态加载js和css（外部文件）

获取元素距离浏览器周边的位置的方法getBoundingClientRect

js跑马灯代码（自写）

用显卡加速，轻松把笔记本打造成取暖器的办法！

JS对img进行操作（换图片/切图/轮换/停止）

用函数模板,写一个简单高效的 JSON 查询器的方法介绍

在jQuery中常用的选择器介绍