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

轻量级 JS ToolTip提示效果

2017年02月06日 21 阅读

鼠标经过出现的提示效果，比title更漂亮，可订制。JS：复制代码代码如下: //---------------------------tooltip效果 start----------------------------------- //获取某个html元素的定位 function GetPos（obj）{ var pos=new Object（）; pos.x=obj.offsetLeft; pos.y=obj.offsetTop; while（...

javascript 数据类型转换（parseInt,parseFloat）

2017年02月06日 23 阅读

javascript有两种数据类型的转换方法：（一）将整个值从一种类型转换为另一种数据类型（称作基本数据类型转换）（二）从一个值中提取另一种类型的值，并完成转换工作基本数据类型转换的三种方法： 1.转换为字符型：String（）; 例：String（678）的结果为"678" 2.转换为数值型：Number（）; 例：Number（"678"）的结果为678 3.转换为布尔型：Boolean（）; 例：Boolean（"aaa"）的结果为true 从...

js 返回时间戳所对应的具体时间

2017年02月06日 22 阅读

如题所示，返回unix时间戳所对应的具体时间：复制代码代码如下: var time = "1278927966"; // 关键在乘1000，因为时间是相对于1970年开始的，所以乘1000后将会转到当前时间。 var real_time = new Date（time） * 1000; document.write（real_time）; 代码很简单就完成时间戳的转换。...

javascript实现的白板效果（可以直接在网页上写字）

2017年02月06日 24 阅读

复制代码代码如下: <script type="text/javascript"> var ball; var mouseX = 100; var mouseY = 100; var angle = 0; var radius = 0; function draw（）{ ball = document.createElement（"span"）; ball.style.position = "absolute"; ball.style.col...

dess中一个简单的多路委托的实现

2017年02月06日 24 阅读

复制代码代码如下: var SDelegate = function（f, b, c） { if （b） { this.asFunction_ = function（） { return f.apply（b, arguments）; } } else { this.asFunction_ = function（） { return f.apply（this, arguments）; } } this.method_ = f; this.binding_ ...

一个简单的js动画效果代码

2017年02月06日 23 阅读

实现的功能:移动,暂停,恢复,停止. 未实现的功能:无法实现单位换算,不能实现颜色渐变（还有很多,有待完善...）代码中的使用方法如下: 复制代码代码如下: var $m = $M（"divAnimate"）; _（"btnAnimate"）.onclick = function（）{ this.disabled = true; var that = this; $m.animate（{left:"300px",top:"100px",width:"3...

用js实现的模拟jquery的animate自定义动画（2.5K）

2017年02月06日 23 阅读

后来发现还不错。不如继续写下去。这个版本基本上跟jquery的animate一样了。我是说效果基本上一样了。（效率还没测试过。）；如果有专业测试人员帮我测试下。 1：功能说明兼容主流浏览器。 1：支持回调函数； 2：支持级联动画调用； 3：支持delay动画队列延迟； 4：支持stop停止动画； 5：支持opacity透明度变化； 6：支持+= -= *= /=操作； 7：支持单位操作（px, %）; 2：使用说明 jelle（A）....

（function（$）{...}）（jQuery）的意思

2017年02月06日 19 阅读

这里实际上是匿名函数 function（arg）{...} 这就定义了一个匿名函数，参数为arg 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即：（function（arg）{...}）（param）这就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数而（function（$）{...}）（jQuery）则是一样的，之所以只在形参使用$，是为了不与其他库冲突，所以实参用jQu...

js模拟jquery的slide和fadeIn和fadeOut功能

2017年02月06日 23 阅读

就想了想 jquery是怎么实现的呢，无奈，哥能力差，还不到研究jquery源码的时候。那好吧，自己做个很简陋的版本，呵呵！好像还行，等哥的能力上去了再来优化下三栏布局 #main1{ margin:20px auto; width:200px; background-color:#6c9; overflow:hidden; } var Animate = { obj : null, itime : 0, flag : 1, maxHeig...

JavaScript 事件系统

2017年02月06日 24 阅读

事件流 JavaScript 的事件是以一种流的形式存在的，一个事件会有多个元素同时响应。有时候这不是我们想要的，我们只需要某个特定的元素响应我们的绑定事件就可以了。事件分类捕获型事件（非IE）、冒泡型事件（所有浏览器都支持）捕获型事件是自上而下的，而冒泡型事件是自下而上的。下面我用一个图来直观表示：冒泡型事件我们在工作中可能会比较多遇到，但捕获型事件怎样才会执行到呢，如果我们想要在非 IE 浏览器中要创建捕获型事件，只需将 addEventL...

关于javascript DOM事件模型的两件事

2017年02月06日 24 阅读

事件捕捉（Event Capture）的实现问题 W3C DOM Level2的事件模型规范中，事件在DOM树中的传播过程（从根节点到目标节点）被分为了两个阶段：捕捉（Capture）和冒泡（Bubbling）。下面这个图能大概的说明整个过程：（from W3C）如果想创建一个捕捉事件，在支持W3C 事件模型的浏览器中，将addEventListener的第三个参数设为true就好了。例如：复制代码代码如下: document.getElement...

JavaScript编程开发中的五个实用小技巧

2017年02月06日 21 阅读

真是五个很quick的小提示：只在<form>元素上使用submit事件如果要在form中绑定事件处理程序时，应该只在<form>元素上绑定submit事件，而不是给提交按钮绑定click事件。 March：这个方式固然很好，但是，公司开发时使用了Web Flow，一个页面就一个大form，而里面可能有若干个提交按钮，所以不得不把部分事件处理程序绑定在了提交按钮的click事件上。可点击的都应该是链接不要给除锚元素（<...

JS实现self的resend

2017年02月06日 24 阅读

ECMA V5定义了一个期待已久的方法：Object.getPrototypeOf，它可以无视型别信息得到某对象的原型（[[prototype]]），基于此，我们可以构造出一个resend：（请用Chrome 5、IE9预览第三版测试）复制代码代码如下: obj.resend = function（） { var pof = Object.getPrototypeOf; var has = function（） {......} // hasOwnPr...

aspx中利用js实现确认删除代码

2017年02月06日 24 阅读

1：定义删除按钮 <asp:Button ID="btnDelete" runat="server" Text="删除" OnClientClick="javascript: return ShowMessage（）" OnClick="btnDelete_OnClick" CommandArgument="<%# Eval（"Id"） %>" /> 2：添加对应的脚本复制代码代码如下: <script language=...

javascript基础第一章 JavaScript与用户端

2017年02月06日 21 阅读

一页面输出 1.头部文件复制代码代码如下: <head> <script language="javascript"> document.write（"脚本之家www.jb51.net"）; </script> </head> 2.页面内复制代码代码如下: <body> <script> document.write（"脚本之家"）; </script> <...

js ondocumentready onmouseover onclick onmouseout 样式

2017年02月06日 23 阅读

复制代码代码如下:<PUBLIC:ATTACH EVENT="ondocumentready" ONEVENT="doInit（）" /> <PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="doMouseover（）" /> <PUBLIC:ATTACH EVENT="onclick" ONEVENT="doClick（）" /> <PUBLIC:ATTACH EVENT="...

用jquery实现等比例缩放图片效果插件

2017年02月06日 24 阅读

复制代码代码如下: jQuery.fn.autoZoomLoadImage = function（scaling, width, height, loadPic） { if （loadPic == null） loadPic = "Loading.gif"; return this.each（function（） { var t = $（this）; var src = $（this）.attr（"src"）; var img = new Image（）...

几个有趣的Javascript Hack

2017年02月06日 25 阅读

1. 直接在浏览器中编辑网页内容复制代码代码如下:javascript:document.body.contentEditable="true";document.designMode="on"; void（0）; 访问任意网站，在地址栏输入以上代码，会发生当前网页已经变成编辑模式了。2. 舞动的图片复制代码代码如下:javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=...

js获取元素在浏览器中的绝对位置

2017年02月06日 23 阅读

JavaScript中提供获取HTML元素位置的属性： HTMLElement.offsetLeft HTMLElement.offsetHeight 但是需要注意的是，这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置，而是相对于其父元素位置的相对位置，也就是说这两个数值得到的是以其父元素左上角为（0,0）点从而计算出的数值。那么如何得到一个HTML元素的绝对位置呢，可以用以下函数：复制代码代码如下: //获取元素的纵坐标 funct...

6个DIV 135或246间隔一秒轮番显示效果

2017年02月06日 24 阅读

在某技术群看到 A君提出的如下一个问题: A君 6个DIV 间隔一秒轮番进行奇偶显示. 比如先135 一秒后 246 然后再135 循环 A君要求代码短小精悍 B君复制代码代码如下:var a = document.getElementsByTagName（"div"）; var b = false; setInterval（function（） { for （var i = 0; i < 6; i++） a[i].style.displa...

首页 / 脚本样式 / JavaScript

轻量级 JS ToolTip提示效果

javascript 数据类型转换（parseInt,parseFloat）

js 返回时间戳所对应的具体时间

javascript实现的白板效果（可以直接在网页上写字）

dess中一个简单的多路委托的实现

一个简单的js动画效果代码

用js实现的模拟jquery的animate自定义动画（2.5K）

（function（$）{...}）（jQuery）的意思

js模拟jquery的slide和fadeIn和fadeOut功能

JavaScript 事件系统

关于javascript DOM事件模型的两件事

JavaScript编程开发中的五个实用小技巧

JS实现self的resend

aspx中利用js实现确认删除代码

javascript基础第一章 JavaScript与用户端

js ondocumentready onmouseover onclick onmouseout 样式

用jquery实现等比例缩放图片效果插件

几个有趣的Javascript Hack

js获取元素在浏览器中的绝对位置

6个DIV 135或246间隔一秒轮番显示效果