网站漂浮:

来源:互联网 发布:合肥网络推广招聘 编辑:程序博客网 时间:2024/04/30 13:48
 

<div id="codefans_net" style="position:absolute; z-index:1000">    

<a href="#" id="imgA" runat="server" target="_blank"><img id="imgFloat" src="images/pic.gif" width="327" height="206" border="0"></a>

 <span style=" font-size:12px; color:Red; cursor:pointer" onclick="imgFloatHide()">关闭</span> </div>

<script>

    function imgFloatHide() {

        var obj = document.getElementById("codefans_net");

        obj.style.display = 'none';

 

    }

    var x = 50, y = 60

    var xin = true, yin = true

    var step = 1

    var delay = 10

    var obj = document.getElementById("codefans_net")

    function float() {

        var L = T = 0

        var R = document.body.clientWidth - obj.offsetWidth

        var B = document.body.clientHeight - obj.offsetHeight

        obj.style.left = x + document.body.scrollLeft

        obj.style.top = y + document.body.scrollTop

        x = x + step * (xin ? 1 : -1)

        if (x < L) { xin = true; x = L }

        if (x > R) { xin = false; x = R }

        y = y + step * (yin ? 1 : -1)

        if (y < T) { yin = true; y = T }

        if (y > B) { yin = false; y = B }

    }

    var itl = setInterval("float()", delay)

    obj.onmouseover = function() { clearInterval(itl) }

    obj.onmouseout = function() { itl = setInterval("float()", delay) }

</script>

原创粉丝点击