zoukankan      html  css  js  c++  java
  • JQuery在HTML中实现图片随鼠标移动而移动


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>图片随鼠标移动</title>
        <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
        <script type="text/javascript">        
    $(function () {            
                $(document).mousemove(function (e) {
                    $("#divMouse").css("left", e.pageX).css("top",e.pageY);

                });
          });      
        </script>
    </head>
    <body>
    <div style=" 200px; float:left;"><marquee>文字自右往左移动</marquee></div>  
       <div id="divMouse" style="100px; height:100px; position:absolute">   
      <marquee>   
           <div style=" float:left; 50px; height:100px;">   
              <img src="images/*.jpg" style="50px; height:50px;" alt="" /></div>   
          <div style=" float:left; 50px; height:100px;">     
              <img src="images/*.jpg" style="50px; height:50px;" alt="" /></div>   
    </marquee>
    </div>
    </body>
    </html>

  • 相关阅读:
    step_by_step_ABP规约模式
    阅读书单
    关于我
    友情链接
    数据夜话之大数据OLAP数据库概览
    Spark实战
    StormDRPC流程解读
    Curator源码阅读
    Storm使用总结
    JNI相关使用记录
  • 原文地址:https://www.cnblogs.com/Violety/p/Violety.html
Copyright © 2011-2022 走看看