javascript基础知识到高级应用

《javascript基础知识到高级应用》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、JavaScript基础知识到高级应用ScsnbxjyjhfJavaScript的资料很多，但从未从头到尾学完过。偶遇blue老师的被荣为“最经典的JavaScrip视频教程”后，爱不释眼，笔记过程中奇想何不笔录下来，故有此教程。教程中夹有个人的理解，由于水平有限，请以blue老师的讲解为准。第十课JS运动中级一、链式运动框架我们把上几节课总结出来的运动框架进行功能扩展，给starMove函数增加一个参数fnEnd：functionstartMove(obj,attr,iTarget,fnEnd)，该参数代指运动结束

2、后执行的函数，这样以来该运动框架的功能因传入的函数的功能而加强了。运动结束后执行函数，也就是关闭定时器后调用此函数，但此函数用户可以不传入，所以在执行函数前须做一判断。改写后的运动框架如下：move.jsfunctiongetStyle(obj,name){if(obj.currentStyle){returnobj.currentStyle[name];}else{returngetComputedStyle(obj,false)[name];}}functionstartMove(obj,attr,iTarget

3、,fnEnd){clearInterval(obj.timer);obj.timer=setInterval(function(){varcur=0;if(attr=='opacity'){cur=Math.round(parseFloat(getStyle(obj,attr))*100);}else{cur=parseInt(getStyle(obj,attr));}varspeed=(iTarget-cur)/6;speed=speed>0?Math.ceil(speed):Math.floor(speed);i

4、f(cur==iTarget){clearInterval(obj.timer);if(fnEnd)fnEnd();}else{if(attr=='opacity'){obj.style.filter='alpha(opacity:'+(cur+speed)+')';obj.style.opacity=(cur+speed)/100;}else{obj.style[attr]=cur+speed+'px';}}},30);}我们举一例，如下页面，当鼠标移入红色块时，红色块变宽，变宽结束后运行函数，而此函数就是弹出一信

5、息提示窗出来：