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

如何写一个通用的JavaScript效果库！（1/2）

2016年07月27日 13 阅读

JavaScript的动态效果最基本的是动态改变大小，移动位置，改变透明度，改变颜色等等。而其他一些比较炫的效果无非是对这些最基本效果的组合和运用。现在网上已经有很多很不错的优秀Javascript库或者效果库，我们是否有必要再造轮子呢？放眼望去，YahooUI,基于Prototype的scriptaculous,Rico，JQuery,Dojo，还有很多很多。这些库都带有很不错很优秀的动态效果。我们可以直接使用。但是对于一些中小型项目来说，只是...

如何写一个通用的JavaScript效果库！（2/2）

2016年07月27日 11 阅读

在上个随笔中贴出了效果库的整体框架，和一个简单的opacity插件.今天这个随笔主要是扩展其他常用效果插件，毕竟框架只能是个空壳，内容还是要自己充实。如果看过了我上篇的实现细节，这里就不多说废话了，来段代码先：复制代码代码如下:/**//****************************************************/ //移动，这里是moveto就是移动到x,y当然，大家也可以再扩展一个moveby移动x个象素 Effec...

几个高效，简洁的字符处理函数

2016年07月27日 11 阅读

都是基于String.prototype的扩展: 起因是有个网友和我讨论两个函数，一个是isDateTime（判断字符是否是符合yyyy-mm-ddhh:mm:ss日期格式）另一个是left函数，类似vbscript的left实现中英文字符的混合截取。他两个函数都用了循环，还用了N多if语句，每个函数都超过了40行代码，问我有无好的办法精简一下。于是，我就写出了下面的代码，不敢说最效率最高，但是已经是够精简了，left函数才1行复制代码代码如下:...

无语，javascript居然支持中文（unicode）编程！

2016年07月27日 13 阅读

很早以前发现对于一个html元素,id可以是中文的，而且用getElementById方法可以正确取到dom 小弟孤陋寡闻，今天才知道ie居然支持javascript中文编程 <inputtype=buttonvalue="gorush"id="阿舜"> <script> function阿舜::onclick（）{alert（this.value）}//c++风格 function阿舜::onmouseout（）{this.sty...

ie 处理 gif动画的onload 事件的一个 bug

2016年07月27日 16 阅读

如果<img>标签的src为一个gif动画，那么他的onload事件会重复触发。 firefox就没有这样的问题。 <imgsrc="http://zi.csdn.net/intel_120x60.gif"onload="gorush（this）"> <scripttype="text/javascript"> //byGo_Rush（阿舜）fromhttp://ashun.cnblogs.com/ functiongo...

总结两个Javascript的哈稀对象的一些编程技巧

2016年07月27日 11 阅读

我喜欢从最基础的内容讲起，然后慢慢深入，高手可能要给点耐心啊。先看一个最简单的应用。在下面的代码中，我们需要实现一个功能，就是点击每个按钮显示相应的网址复制代码代码如下:<inputtype="button"value="百度"onclick="javascript:showUrl（this）"> <inputtype="button"value="Google"onclick="javascript:showUrl（this）"&...

讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别

2016年07月27日 16 阅读

第一件事情. this指钟是JavaScript语言中的一个特殊指钟,他在代码运行时,指向调用this语句的当前对象. 如果是事件绑定函数,则指向被绑定的元素本身. <scripttype="text/javascript"> //byGo_Rush（阿舜）fromhttp://ashun.cnblogs.com/ alert（this===window）//true直接调用的时候，指向window本身 vargorush={ f:funct...

使用prototype.js 的时候应该特别注意的几个问题.

2016年07月27日 10 阅读

1.String.prototype.camelizeBUG 这个方法用来返回字符串的骆驼写法。用js控制元素的style的时候经常使用比如 varss="font-color" ss=ss.camelize（）//fontColor 通常情况下camelize会工作得很好，但是有一个特列，那就是浮动定位float varss="float" obj.style[ss.camelize（）]="right"//这将导致一个错误。显然，作者没有考虑flo...

firefox 和 ie 事件处理的细节,研究,再研究书写同时兼容ie和ff的事件处理代码

2016年07月27日 15 阅读

在ie中，事件对象是作为一个全局变量来保存和维护的。所有的浏览器事件,不管是用户触发的，还是其他事件，都会更新window.event 对象。所以在代码中，只要轻松调用 window.event 就可以轻松获取事件对象，再 event.srcElement 就可以取得触发事件的元素进行进一步处理在ff中，事件对象却不是全局对象，一般情况下，是现场发生，现场使用，ff把事件对象自动传递给对应的事件处理函数。在代码中，函数的第一个参数就是ff下的...

深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法

2016年07月27日 13 阅读

Array.prototype.sort方法是对数组进行排序,该方法带一个函数参数,用来指定排序的规则. 我们先来看看sort的简单应用: vararr=[2,1,3,4]; alert（arr.sort（））//[1,2,3,4]从小到大排列 //现在由大到小排列得到[4,3,2,1] alert（arr.sort（function（left,right）{returnleft>right？-1:1}）） //这里,sort方法通过参数函数的返回值...

JavaScript 中的replace方法说明

2016年07月27日 10 阅读

第一次发现JavaScript中replace（）方法如果直接用str.replace（"-","！"）只会替换第一个匹配的字符.而str.replace（/-/g,"！"）则可以替换掉全部匹配的字符（g为全局标志）。replace（）Thereplace（）methodreturnsthestringthatresultswhenyoureplacetextmatchingitsfirstarg...

代码生成器 document.write（）

2016年07月27日 15 阅读

<！DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"> <HTML><HEAD><TITLE>代码转换器</TITLE> <METAhttp-equiv=Content-Typecontent="text/html;charset=gb2312"> <STYLEtype=text/css>BODY{ MARGIN-T...

一个已封装好的漂亮进度条

2016年07月27日 10 阅读

复制代码代码如下:<body> <inputtype="button"value="start"onclick="processBar.changeMode（）;if（processBar.isMoving）{this.value="Stop";}else{this.value="Start";}"> </body> <script> document.execCommand（"BackgroundImag...

不错的文字特效，逐字变色效果

2016年07月27日 13 阅读

<fontcolor="#669900"style="font-weight:bolder;letter-spacing:2px;"><scriptlanguage="JavaScript"> text="www.jb51.net"; color1="green"; color2="red"; speed=200; i=0; if（navigator.appName=="Netscape"）{ } else{ document.wr...

javascript下用键盘控制层的移动的代码

2016年07月27日 10 阅读

<html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/> <title>键盘控制层的移动</title> <styletype="text/css"> <！-- #Div{ position:absolute; width:238px; height:135px; left:e...

有提示确定与取消功能的弹出式窗的代码

2016年07月27日 11 阅读

我不知道这样的功能叫什么，找了好久也没有找到，所以来找大家帮助了，在此谢谢了。我的目的是这样的，就是在原有页面基础上，弹出一个新窗，同时原来的页面偏灰色，并且不能操作，必须在弹出的新窗关闭后才能恢复原来窗口的操作。具体效果有点象lightbox和thickbox，我现在是想用thickbox，它可以实现这种旧页面变灰的效果，但是没有办法实现旧页面不能操作的问题。（要在firefox和ie下都能使用，ie的showModalDialog是可以实现这样的目的...

js下弹出窗口的变通

2016年07月27日 12 阅读

所以用的代码是: onChange="window.open（this.options[this.selectedIndex].value,"_blank"）" 但这样很容易被屏蔽的...有更好的办法吗可以用变通的方法， 1.页面用<aid="aa"target=_blank></a> 2.document.getElementById（"aa"）.href=this.options[this.selectedIndex].valu...

在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码

2016年07月27日 13 阅读

如何在第一input内输入内容.textarea自动得到第一个文件框的值; 也就是说第一个input边输入textarea边得值谢谢 <inputtype=textname="mytxt"onkeyup="myTxta.value=this.value"> <textareaname="myTxta"> </textarea> <inputtype="text"onkeyup="send（this）"> &...

用JAVASCRIPT如何给&lt;textarea&gt;&lt;/textarea&gt;赋值

2016年07月27日 11 阅读

1楼表单名.多行广西域名.value="你要赋的值"; 2楼文本域它没有VALUE属性. 3楼楼主你试了没有？？我这怎么可以用value赋值 4楼搞定了,谢谢了.现在给分....

将光标定位到textarea的某一行的javascript代码

2016年07月27日 13 阅读

<textareaname="ta1"rows=5cols=50> aaaaaaaaaaaaaa cccccccccc dddddddddddd fffffffffffff </textarea> <inputvalue="1"name="line"> <inputtype=buttononclick="goL（parseInt（line.value））;"value="go"> <script>...

首页 / 脚本样式 / JavaScript

如何写一个通用的JavaScript效果库！（1/2）

如何写一个通用的JavaScript效果库！（2/2）

几个高效，简洁的字符处理函数

无语，javascript居然支持中文（unicode）编程！

ie 处理 gif动画 的onload 事件的一个 bug

总结两个Javascript的哈稀对象的一些编程技巧

讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别

使用prototype.js 的时候应该特别注意的几个问题.

firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码

深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法

JavaScript 中的replace方法说明

代码生成器 document.write（）

一个已封装好的漂亮进度条

不错的文字特效，逐字变色效果

javascript下用键盘控制层的移动的代码

有提示确定与取消功能的弹出式窗的代码

js下弹出窗口的变通

在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码

用JAVASCRIPT如何给&amp;lt;textarea&amp;gt;&amp;lt;/textarea&amp;gt;赋值

将光标定位到textarea的某一行的javascript代码

ie 处理 gif动画的onload 事件的一个 bug

firefox 和 ie 事件处理的细节,研究,再研究书写同时兼容ie和ff的事件处理代码

用JAVASCRIPT如何给<textarea></textarea>赋值