zoukankan      html  css  js  c++  java
  • javascript 完美解决对联广告

    javascript 完美解决对联广告

     
    
    //
    function couplet(){ 
        if(arguments.length>=1) this.objID = document.getElementById(arguments[0]); 
        if(arguments.length>=2) this.divTop = arguments[1]; 
        if(arguments.length>=3) this.divPlane = arguments[2]; 
        if(arguments.length>=4) this.scrollDelay = arguments[4]; 
        if(arguments.length>=5) this.waitTime = arguments[5]; 
    if(!this.objID){ 
    alert("对象名【"+ arguments[0] +"】无效,对联无法初始化,请检查对象名称是否正确!"); 
    this.objID = null; return; 
    }else{ 
    this.objID.style.position="absolute"; 
    this.objID.style.display="block"; 
    this.objID.style.zIndex=9999; 
    } 
    if("" == this.objID.style.top){ 
    if(isNaN(this.divTop)){ 
    alert("对象垂直位置(top)参数必须为数字。"); return; 
    }else{ 
    this.objID.style.top = this.divTop+"px"; 
    } 
    } 
    if("" == this.objID.style.left && "" == this.objID.style.right){ 
    if(isNaN(this.divPlane)){ 
    alert("对象水平位置(left||right)参数必须为数字。"); return; 
    } 
    if(this.divPlane>0) this.objID.style.left = this.divPlane+"px"; 
    if(this.divPlane<0) this.objID.style.right = Math.abs(this.divPlane)+"px"; 
    } 
    if(this.scrollDelay<15 || isNaN(this.scrollDelay)) this.scrollDelay = 15; 
    if(this.waitTime<500 || isNaN(this.waitTime)) this.waitTime = 500; 
    if(arguments.length>=1) this.start(); 
    } 
    couplet.prototype.start = function(){ 
    if(null == this.objID) return; 
    var objCouplet = this; 
    timer = this.scrollDelay; 
    objCouplet.lastScrollY = 0; 
    objCouplet.timerID = null; 
    objCouplet.startID = function(){ 
        if("block" == objCouplet.objID.style.display){ 
            objCouplet.run(); 
            }else{ 
            clearInterval(objCouplet.timerID); 
        } 
        } 
        objCouplet.Begin = function(){ 
        objCouplet.timerID = setInterval(objCouplet.startID,timer); 
    } 
    
        setTimeout(objCouplet.Begin,this.waitTime); 
    } 
    couplet.prototype.run = function(){ 
        if(document.documentElement && document.documentElement.scrollTop){ 
            uu_scrY = parseFloat(document.documentElement.scrollTop); 
            }else if(document.body){ 
            uu_scrY = parseFloat(document.body.scrollTop); 
        } 
        uu_divX = parseFloat(this.objID.style.top.replace("px","")); 
        uu_curTop = .1 * (uu_scrY - this.lastScrollY); 
        uu_curTop = uu_curTop>0?Math.ceil(uu_curTop):Math.floor(uu_curTop); 
        this.objID.style.top = parseFloat(uu_divX + uu_curTop) + "px"; 
        this.lastScrollY += uu_curTop; 
    }
    //
    function maple_hide(num){
        document.getElementById("maple"+num).style.display="none";
    
    }
    // 
    function floatjs(){  
                new couplet("maple1",100,1);   
                new couplet("maple2",450,8);
                new couplet("maple3",100,-8);
                //new couplet("maple4",450,-8);  
            }  
        if( window.addEventListener) window.addEventListener('load',floatjs,false);  
    else window.attachEvent('onload',floatjs); 
    //
    document.write('<div id="maple1"><a href="http://www.k686.com/" target="_blank"><img src="http://www.lygnk.com/images/shinian.jpg"  border="0" /></a><div style="position: absolute;30px;height:30px;top:0px;right:5px;cursor:pointer" onclick="maple_hide(1)">XX</div></div>');
    document.write('<div id="maple2"><a href="http://www.k686.com/" target="_blank"><img src="http://www.lygnk.com/images/shinian.jpg"  border="0" /></a><div style="position: absolute;30px;height:30px;top:0px;right:5px;cursor:pointer" onclick="maple_hide(2)">XX</div></div>');
    document.write('<div id="maple3"><a href="http://www.k686.com/" target="_blank"><img src="http://www.lygnk.com/images/shinian.jpg"  border="0" /></a><div style="position: absolute;30px;height:30px;top:0px;right:5px;cursor:pointer" onclick="maple_hide(3)">XX</div></div>');
    //document.write('<div id="maple4"><a href="http://www.k686.com/" target="_blank"><img src="http://www.lygnk.com/images/shinian.jpg"  border="0" /></a></div>');
  • 相关阅读:
    LeetCode-Merge Intervals
    LeetCode-Longest Valid Parentheses
    LeetCode-Divide Two Integers
    LeetCode-Next Permutation
    LeetCode-Jump Game II
    LeetCode-Maximal Rectangle
    BZOJ 1230: [Usaco2008 Nov]lites 开关灯
    BZOJ 2839: 集合计数
    BZOJ 3211: 花神游历各国
    BZOJ 5334: [Tjoi2018]数学计算
  • 原文地址:https://www.cnblogs.com/suihui/p/4320059.html
Copyright © 2011-2022 走看看