div跟随鼠标写法
2016-01-22 11:39
183 查看
<html>
<head>
<style>
#div1{width:100px;height:100px;background:red;position:absolute;}
</style>
<script>
window.onload=function()
{
var ev=ev || event;
var oDiv=document.getElementById('div1');
document.onmouseover=function(ev)
{
//解决浏览器兼容性获取scollTop问题
获取srollTop详细内容
var scrollTop=document.documentElement.scrollTop || document.body.scollTop;
oDiv.style.left=ev.clientX+'px';
oDiv.style.top=ev.clientY+scrillTop+'px';
}
}
</script>
<head>
<body>
<div id="div1"></div>
</body>
</html>
<head>
<style>
#div1{width:100px;height:100px;background:red;position:absolute;}
</style>
<script>
window.onload=function()
{
var ev=ev || event;
var oDiv=document.getElementById('div1');
document.onmouseover=function(ev)
{
//解决浏览器兼容性获取scollTop问题
获取srollTop详细内容
var scrollTop=document.documentElement.scrollTop || document.body.scollTop;
oDiv.style.left=ev.clientX+'px';
oDiv.style.top=ev.clientY+scrillTop+'px';
}
}
</script>
<head>
<body>
<div id="div1"></div>
</body>
</html>
相关文章推荐
- linux 安装jdk以及出现的错误的解决
- linux下mysql5.7.x版本忘记root初始密码
- flash上传组件swfupload的坑点及解决方法
- 【表单】-002-通过ajax方式表单
- High-Fidelity Pose and Expression Normalization for Face Recognition in the Wild
- Leetcode algorithms 第 65 题:Valid Number。
- 安卓sdk更新代理
- 自定义键盘输入框的实现
- 基于Struts2中的Action层、Service层、Dao层理解在SpringMVC对应的四大注解
- sqlite学习笔记4:表的创建和删除
- 补间动画
- 解析私有IP地址和公网IP地址
- Android使用自定义alertdialog实现确认退出按钮
- 软件编程restful 风格是什么
- UITabBar样式
- jdbc事务使用例子
- 让UITableView响应touch事件
- k-近邻算法
- CocoaPods
- Linux电源管理(1)_整体架构