首页 > 移动平台 > 详细

[Js]跟随鼠标移动的div

时间:2014-03-11 03:32:15      阅读:619      评论:0      收藏:0      [点我收藏+]

例子:鼠标移动到一块东西上,出现提示文本框,并且提示文本框跟着鼠标的位置动

document.onmouseover=function(ev){

    var oEvent=ev||event;

    var box=document.getElementById("box");

    var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;        //前面是兼容非谷歌浏览器,后面是兼容谷歌浏览器

    var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;

    box.style.top=box.clientX+scrollTop+‘px‘;     //clientX,clientY是可视区的距离,一般来说用到clientX,clientY,就一定要加滚动距离

    box.style.left=box.clientY+scrollLeft+‘px‘;

}

 

延伸例子:鼠标移动,一串小东西跟着动

分析:一堆div在同一个位置,后面一个div跟着前面一个div动,第一个div跟着鼠标动

[Js]跟随鼠标移动的div,布布扣,bubuko.com

[Js]跟随鼠标移动的div

原文:http://www.cnblogs.com/zhangwenkan/p/3591962.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!