<html>
<body onscroll="move()">
<div style="position:absolute;top:30px;left:0px; width:300; height:300" id=a>
<table width="50" height="100%" bgcolor="blue">
<tr width="100%" height="100%"><td width="100%" height="100%">ddddddd</td></tr>
</table>
</div>
<table width="1000%" height="1000" >
<tr width="100%" height="100%"><td width="100%" height="100%">ddddddd</td></tr>
</table>
<script>
function move() {
var y = document.body.scrollTop;
document.getElementById("a").style.top = eval(y+30)+"px";
var x = document.body.scrollLeft;
document.getElementById("a").style.left = eval(x)+"px";
}
</script>
</body>
</html>
鼠标滚动,层跟着滚动
分享到:
相关推荐
主要为大家详细介绍了js实现鼠标滑动到某个div禁止滚动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
鼠标滚动div内容,JS特效.
鼠标滚轮控制div左右滑动 页面左右滑动 鼠标控制左右滚动
jquery特效DIV层跟随页面向下滚动
NULL 博文链接:https://solodu.iteye.com/blog/574857
Div滚动条随鼠标滚动js版(由网友JQuery版改写而成),可解决IE8下,Div由于“onSelectStart=return false“或onfocus()导致的失去焦点后,滚动条无法滚动问题
这个程序的设计目标:用Silverlight实现一个浮动在页面右下角的鼠标手势控制块,让用户用鼠标手势控制页面滚动,提供更好的用户浏览体验。 设计计划: 1.制作一个浮动DIV,承载Silverlight。 2.实现鼠标移动方向与...
NULL 博文链接:https://solodu.iteye.com/blog/574539
Div滚动条随鼠标滚动Jquery版(转)Div滚动条随鼠标滚动Jquery版(转)
打开页面后,用鼠标滚轮上下滚动时,发现页面并不会滚动,滚动的部分却是div里面的三部分,效果很不错 使用方法: 1、在你的网页head中引入css样式 2、将代码部分拷贝到你的网页中 3、在底部引入四...
图片滚动 网页Div层拖拽 当前输入框高亮显示 超级经典一套鼠标控制左右滚动图片带自动翻滚
div不随滚动条的滚动而动 可以兼容到IE6 绝对好用
js实现图片在div内滚轮放大缩小拖动,有滚动条,双击回原状,无插件,赠送网上搜罗的其他的一些图片放大缩小文件,在每个压缩包是一个,打开压缩包里的网页文件就可以看效果。本人的在“自己的.html”里,记事本打开...
主要介绍了jQuery实现鼠标滑过Div层背景变颜色的方法,涉及jQuery中hover及addClass方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
jquery监听DIV的事件,可监听DIV的变化的事件,直接引用即可使用
flex实现鼠标滚动放大缩小(以鼠标的位置为中心放大缩小)源码奉上
jquery弹出层当鼠标点击文字或图片弹出层,弹出层浮动在屏幕上可以随浏览器上下滚动,弹出层可自动居中在页面中间
主要介绍了js实现鼠标滚轮控制图片缩放效果的方法,涉及onmousewheel事件及javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下