查看文章 |
js封装逗号应用实例
2008-07-23 18:34
var global={ $:function(id){return document.getElementById(id)}//获取对象 ,tagArr:function(o,name){return o.getElementsByTagName(name)}//获取标签集合 ,nameArr:function(name){return document.getElementsByName(name)}//获取相同名称的标签集合 ,att:function(o,name,fun){return document.all ? o.attachEvent(name,fun) : o.addEventListener(name.substr(2),fun,false);}//给指定元素添加事件attachEvent方法 ,style:function(o){ //获取全局样式表、内嵌样式(不能设置) return document.all ? o.currentStyle : document.defaultView.getComputedStyle(o,null); } ,onmousewheel:function(o,fun){//给鼠标滚轮指定事件 return document.all ? o.attachEvent('onmousewheel', fun) : o.addEventListener('DOMMouseScroll', fun, false);; } ,scroll:function(){ //获取对象滚动宽度、高度、左端距离,顶端距离 return { 'width' : (document.documentElement.scrollWidth || document.body.scrollWidth) ,'height' : (document.documentElement.scrollHeight || document.body.scrollHeight) ,'top' : (document.documentElement.scrollTop || document.body.scrollTop) ,'left' : (document.documentElement.scrollLeft || document.body.scrollLeft) } } ,client:function(){ //获取页面宽度、高度、左端距离,顶端距离 return { 'width' : (document.documentElement.clientWidth || document.body.clientWidth) ,'height' : (document.documentElement.clientHeight || document.body.clientHeight) ,'top' : (document.documentElement.clientTop || document.body.clientTop) ,'left' : (document.documentElement.clientLeft || document.body.clientLeft) } } ,position:function(){//获取当前鼠标位置(x,y) return { 'x':event.pageX || (event.clientX + this.scroll().left) ,'y':event.pageY || (event.clientY + this.scroll().top) }; } ,alpha:function(o,num){//设置透明度 o.style.filter='alpha(opacity='+num+')'; o.style.opacity=num/100; } } var couplet=function(obj,top,n,speed){//对联广告 滚动 obj对象 top距离顶端的高度 n速度 speed运算速度 var space=top+global.scroll().top,objTop=parseInt(global.style(obj).top),pro=this,a; if(objTop<space){ a=(space-objTop)*0.01; obj.style.top=objTop+a*n+'px'; }else if(objTop>space){ a=(objTop-space)*0.01; obj.style.top=objTop-a*n+'px'; } setTimeout(function(){pro.couplet(obj,top,n,speed)},speed); } |
最近读者: