Dzwebs.Net

撰写电脑技术杂文十余年

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

Admin | 2016-4-20 8:26:34 | 被阅次数 | 3309

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  代码功能:鼠标到哪,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>之前。


该杂文来自: 网页制作杂文

上一篇:Canvas的绘图画图制图的基本函数方法

下一篇:jquery canvas 画柱形图示例

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计