浮动超链接的实现

最新推荐文章于 2023-06-25 19:15:58 发布

hpugym

最新推荐文章于 2023-06-25 19:15:58 发布

阅读量2k

点赞数

分类专栏： Web开发

本文链接：https://blog.csdn.net/hpugym/article/details/47421035

版权

Web开发专栏收录该内容

36 篇文章 0 订阅

订阅专栏

网页中增加一既可以随着窗口的滚动而移动，又可以按照反射的原理进行反弹

附代码：

<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<DIV id="adu9" width="159" style="Z-index:10;LEFT: 0px;POSITION: absolute;TOP: 0px"> 
   <TABLE cellspacing="0" cellpadding="0" border="0">   
    <TBODY>   
   
        <TR align="center">   
            <TD align="left"><A href="http://www.hngkzx.com/search2015/" target="_blank" title="鹤壁职业技术学院2015年招生录取查询"><img src="http://www.hbzy.edu.cn/images/lqcx2015.gif" width="419" height="100" border="0" alt="鹤壁职业技术学院2015年招生录取查询"></A></TD> 
        </TR>
   
        <TR>   
            <TD align="right" style="padding-top:1px"><table border="0" cellpadding="10" cellspacing="0"><tr><td style="background-color:#f5f5f5;padding:1px"><a href="javascript:showimagecloseu9();">关闭</a></td></tr></table></TD> 
        </TR>   
   
   
    </TBODY> 
    </TABLE> 
</DIV>
  
<SCRIPT>   
function showimagecloseu9()   
{   
    var obju9=document.getElementById("adu9");   
    obju9.style.display = 'none';   
};   
//水平             //上下    
   
var xu9 = 0;yu9 = 0;   
   
var xinu9 = true; yinu9 = true;   
var stepu9 = 1;   
   
var delayu9 = 88;   
 
var obju9=document.getElementById("adu9");
var bdyu9 = document.body;  
    if (document.compatMode && document.compatMode != "BackCompat")
        bdyu9 = document.documentElement;
    else
        bdyu9 = document.body;
function floatADu9()
{
    var Lu9=Tu9=0;   
    var Ru9= bdyu9.clientWidth-obju9.offsetWidth;  
    var Bu9 = bdyu9.clientHeight-obju9.offsetHeight; 
    obju9.style.left = xu9 + bdyu9.scrollLeft+"px";   
    obju9.style.top = yu9 + bdyu9.scrollTop+"px";   
    xu9 = xu9 + stepu9*(xinu9?5:-5); /*调整移动速度*/   
    if(xu9 < Lu9) 
    { 
        xinu9 = true;
        xu9 = Lu9;
    }  
    if(xu9 > Ru9)
    { 
        xinu9 = false; 
        xu9 = Ru9;
    }  
    yu9 = yu9 + stepu9*(yinu9?1:-1);    
    if(yu9 < Tu9) 
    { 
        yinu9 = true; 
        yu9 = Tu9; 
    }
    if(yu9 > Bu9) 
    { 
        yinu9 = false; 
        yu9 = Bu9; 
    }
} 
var itlu9;
if(window.navigator.userAgent.indexOf("MSIE")>=1)
{
    window.attachEvent('onload', adftu9);
}
else
{
    window.addEventListener('load',adftu9, false);
}
function adftu9()
{
    itlu9 = setInterval("floatADu9()", delayu9);   
}
    obju9.οnmοuseοver=function(){clearInterval(itlu9);};   
    obju9.οnmοuseοut=function(){itlu9=setInterval("floatADu9()", delayu9)};      
   
</SCRIPT>