图片跟着鼠标走

aibusi2584

于 2013-11-15 14:09:00 发布

阅读量71

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/LoVeSW/p/3425290.html

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

            $(document).mousemove(function (e) {
                $("#div1").css("top", e.pageY).css("left",e.pageX);
                
            });
        });
    </script>
</head>
<body>
    <div id="div1" style="position: absolute;">
        <img src="images/tiloca.jpg" />
        <img src="images/tilocal1.jpg" />
        <img src="images/tilocal111.jpg" />
        <img src="images/tilocal1111.jpg" />
    </div>
</body>
</html>