您当前位置：首页 > 技术文章 > 随鼠标移动的图片或文字特效 跳过导航链接
    技术文章
    随鼠标移动的图片或文字特效
    发布日期：2011-04-25 09:48:15　浏览数：3078　来源：运友网
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>跟随鼠标的图片特效</title>
    <script language="javascript" type="text/javascript">
    document.onmousemove     = function () {
    var x = window.event.clientX
    var y = window.event.clientY
    var divId = document.getElementById("divId")
    if (!divId) {
    return
    }
    divId.style.left     = x
    divId.style.top     = y
    }
    </script>
    </head>
    <body>
    <div id="divId" style="position: absolute margin-left:20px">
    这里放的是图片
    </div>
    </body>
    </html>



    其实这段代码很简单，也很好理解，只是获取了当前鼠标在屏幕中的位置； 然后再把坐标值赋给图片，或者文字!当然要用到 position:absoluute 绝对定位！




    本文地址：http://www.56856.cn/news/13026.htm
    推荐栏目：
    24小时点击量排行
    实用工具

版权所有:徐州运友网络通信股份有限公司 增值电信业务经营许可证:苏B2-20150077 苏ICP备05046738号
邮箱：xzyy56@163.com 电话：0516-87730925、0516-83702772