zoukankan      html  css  js  c++  java
  • 带关闭的漂浮广告

    <div id="img" style="position: absolute; left: 311; top: 815;visibility :hidden;" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="right">
    <a href="#" target="_blank"><img border="0" src="http://www.alixixi.com/images/face/image21.gif" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>
    <span style="CURSOR:hand;color:red;font-weight:bold" onclick="clearInterval(interval);img.style.visibility = 'hidden'">X</span>
    </div>
    <script language=javascript>
    var xPos = 20;//from alixixi.com
    var yPos = document.body.clientHeight;
    var step = 1;
    var delay = 30;                     
    var height = 0;                     
    var Hoffset = 0;                    
    var Woffset = 0;                     
    var yon = 0;                    
    var xon = 0;                     
    var pause = true;                    
    var interval;                    
    img.style.top = yPos;                    
    function changePos() {                   
    width = document.body.clientWidth;                    
    height = document.body.clientHeight;                    
    Hoffset = img.offsetHeight;                    
    Woffset = img.offsetWidth;                   
    img.style.left = xPos + document.body.scrollLeft;                    
    img.style.top = yPos + document.body.scrollTop;                    
    if (yon) {                  
    yPos = yPos + step;                    
    }               
    else {             
    yPos = yPos - step;                    
    }            
    if (yPos < 0) {                  
    yon = 1;                    
    yPos = 0;                    
    }                  
    if (yPos >= (height - Hoffset)) {                    
    yon = 0;                    
    yPos = (height - Hoffset);                     
    }                  
    if (xon) {                    
    xPos = xPos + step;                    
    }                 
    else {                 
    xPos = xPos - step;                   
    }                  
    if (xPos < 0) {                    
    xon = 1;                   
    xPos = 0;                   
    }         
    if (xPos >= (width - Woffset)) {                    
    xon = 0;           
    xPos = (width - Woffset);                    
    }                    
    }
    function start() {                    
    img.style.visibility = "visible";                  
    interval = setInterval('changePos()', delay);                    
    }              
    start();  
    </script>
    多思考,多创新,才是正道!
  • 相关阅读:
    MyBatis入门基础
    复制复杂链表
    二叉树中和为某一值的所有路径
    树的层次遍历
    Statement, PreparedStatement和CallableStatement的区别
    JSP有哪些动作?
    latex 输入矩阵
    Struts简单入门实例
    在Eclipse里面配置Struts2
    Windows使用Github
  • 原文地址:https://www.cnblogs.com/shuang121/p/3014669.html
Copyright © 2011-2022 走看看