六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

简单使用的跟随鼠标的DIV代码

Admin | 2016-4-20 8:26:34 | ReadNums | 1145 | 标签 网页制作 | 打印本页
     

  代码功能:鼠标到哪,DIV就跟随到哪。

  一、页面控件

  <div id='MyDiv' style='z-index:999;width:200px; height:200px; background:#666666;position:fixed;'></div>

  二、页码JS代码

  $(document).mousemove(function (e) //用这个事件鼠标移动平滑
  {
    FollowMouseMove(e);
  });
  function FollowMouseMove(e)
  {
    var DivLeft=parseInt(e.pageX) - 100;
    var DivTop=e.pageY - 100;
    var xPos = DivLeft + "px";
    var yPos = DivTop + "px";
    $("#MyDiv").css("left", xPos).css("top", yPos).css("opacity",0.9);
  }

  注意,上面的代码,最好放在BODY之后,</html>之前。


问题未解决:在线咨询我要在线咨询问题

大红鹰报码室

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日