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

  • 相关阅读:
    11 数据的增删改
    10 外键的变种 三种关系
    09 完整性约束
    03 body标签中的相关标签
    02 body标签中的相关标签
    01 HTML介绍和head标签
    08 数据类型(2)
    07 数据类型
    06 表的操作
    偶遇RecyclerView内部Bug
  • 原文地址:https://www.cnblogs.com/webdm/p/2384650.html
Copyright © 2011-2022 走看看