百度首页 | 百度空间
 
查看文章
 
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);
}

类别:Javascript | 添加到搜藏 | 浏览() | 评论 (0)
 
最近读者:
 
网友评论:
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码:
 

     

©2008 Baidu