zoukankan      html  css  js  c++  java
  • 图片跟着鼠标,你到哪,我到哪

    代码简介:

    是有意思的效果,死咬着鼠标不放,你到那我到那,Js实现,还是不错的。

    代码内容:

    View Code
    <html>
    <head>
    <title>图片跟着鼠标,你到哪,我到哪 - www.webdm.cn</title>
    </head>
    <body>
    <SCRIPT LANGUAGE="JavaScript">
    var newtop=0
    var newleft=0
    if (navigator.appName == "Netscape") {
    layerStyleRef
    ="layer.";
    layerRef
    ="document.layers";
    styleSwitch
    ="";
    }
    else
    {
    layerStyleRef
    ="layer.style.";
    layerRef
    ="document.all";
    styleSwitch
    =".style";
    }

    function doMouseMove() {

    layerName
    = 'iit'

    eval(
    'var curElement='+layerRef+'["'+layerName+'"]')
    eval(layerRef
    +'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
    eval(
    'curElement'+styleSwitch+'.visibility="visible"')
    eval(
    'newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
    eval(
    'newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
    eval(
    'height=curElement'+styleSwitch+'.height')
    eval(
    'width=curElement'+styleSwitch+'.width')
    width
    =parseInt(width)
    height
    =parseInt(height)
    if (event.clientX > (document.body.clientWidth - 5 - width))
    {
    newleft
    =document.body.clientWidth + document.body.scrollLeft - 5 - width
    }
    else
    {
    newleft
    =document.body.scrollLeft + event.clientX
    }
    eval(
    'curElement'+styleSwitch+'.pixelLeft=newleft')

    if (event.clientY > (document.body.clientHeight - 5 - height))
    {
    newtop
    =document.body.clientHeight + document.body.scrollTop - 5 - height
    }
    else
    {
    newtop
    =document.body.scrollTop + event.clientY
    }
    eval(
    'curElement'+styleSwitch+'.pixelTop=newtop')
    }

    document.onmousemove
    = doMouseMove;

    </SCRIPT>

    <script language="javascript">
    if (navigator.appName == "Netscape") {

    }
    else
    {
    document.write(
    '<div ID=OuterDiv>')
    document.write(
    '<img ID=iit src="http://www.webdm.cn/images/lang.jpg"

    STYLE="position:absolute;TOP:0pt;LEFT:0pt;Z-INDEX:2;visibility:hidden;">
    ')
    document.write(
    '</div>')
    }
    </script>
    </body>
    </html>
    <br />
    <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有

    质量的网页代码!</p>

    代码来自http://www.webdm.cn/webcode/f15bba81-c5eb-40ce-bfb9-99a416a73f5a.html

  • 相关阅读:
    MySQL 大表优化方案
    mysql千万级大数据SQL查询优化
    mysql binlog格式
    MySQL误操作后如何快速恢复数据
    mysql数据库优化
    查看MYSQL数据库中所有用户及拥有权限
    MySQL如何优化
    MySQL 开发实践
    show slave各项参数解释
    MYSQL主从数据库搭建
  • 原文地址:https://www.cnblogs.com/webdm/p/2384650.html
Copyright © 2011-2022 走看看