<分区>
我正试图找到一个插件或一行代码来帮助我实现背景图像的效果(鼠标滚动):
有没有人认为在 jQuery 中有类似的方法可以做到这一点,所以我可以添加一些缓动并使它更流畅。
甚至,如果您知道如何对该代码进行缓动,我也将不胜感激!
提前致谢!
泰语
标签 javascript jquery css
<分区>
我正试图找到一个插件或一行代码来帮助我实现背景图像的效果(鼠标滚动):
有没有人认为在 jQuery 中有类似的方法可以做到这一点,所以我可以添加一些缓动并使它更流畅。
甚至,如果您知道如何对该代码进行缓动,我也将不胜感激!
提前致谢!
泰语
最佳答案
如果您检查页面的来源,您会注意到:
<script type="text/javascript" charset="utf-8">
// Simple follow the mouse script
var divName = 'pano'; // div that is to follow the mouse
// (must be position:absolute)
var offX = -5500; // X offset from mouse position
var offY = -000; // Y offset from mouse position
function mouseX(evt) {
if (!evt) evt = window.event;
if (evt.pageX) return evt.pageX;
else if (evt.clientX) return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
else return 0;
}
function mouseY(evt) {
if (!evt) evt = window.event;
if (evt.pageY) return evt.pageY;
else if (evt.clientY) return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
else return 0;
}
function follow(evt) {
if (document.getElementById) {
var obj = document.getElementById(divName).style;
obj.visibility = 'visible';
obj.left = (parseInt(mouseX(evt)*-4)+offX) + 'px';
}
}
document.onmousemove = follow;
function stopscroll(){
document.onmousemove = stop;
}
</script>
实现起来似乎很简单。只需确保变量 divName 引用您的图像或 DIV
关于javascript - 求背景全景插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13048389/
相关文章:
javascript - 如果是计算形式,则计算立方米=高*平方米或立方米=长*宽*高
css - 如何修改默认的 asp.net mvc css 使菜单项从左边开始
javascript - 在 Angular Directive(指令)中使用 require 更新 $watch
javascript - 打印时在 div 中插入分页符,在 n 个动态生成的文本框之后
javascript - 额外的编码查询来自哪里,它意味着什么?
css - JavaScript 库应该如何设置默认的 CSS 样式(有 "!notimportant"吗?)
javascript - JS/JQuery : Redirect on the basis of XML response