Javascript 寻找背景全景插件
我正试图找到一个插件,或一行代码,可以帮助我实现对背景图像的效果(鼠标后的滚动): 有没有人认为jQuery中有类似的方法可以做到这一点,这样我就可以添加一些缓和措施,并使之更平滑 甚至,如果你知道如何在代码上使用宽松,我也会很感激 提前谢谢Javascript 寻找背景全景插件,javascript,jquery,css,Javascript,Jquery,Css,我正试图找到一个插件,或一行代码,可以帮助我实现对背景图像的效果(鼠标后的滚动): 有没有人认为jQuery中有类似的方法可以做到这一点,这样我就可以添加一些缓和措施,并使之更平滑 甚至,如果你知道如何在代码上使用宽松,我也会很感激 提前谢谢 泰语如果检查页面来源,您会注意到: <script type="text/javascript" charset="utf-8"> // Simple follow the mouse script var divName
泰语如果检查页面来源,您会注意到:
<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>
//简单的跟随鼠标脚本
var divName='pano';//div,即跟随鼠标
//(必须是位置:绝对)
var offX=-5500;//从鼠标位置的X偏移
变量offY=-000;//从鼠标位置的Y偏移
功能鼠标(evt){
如果(!evt)evt=window.event;
if(evt.pageX)返回evt.pageX;
else if(evt.clientX)返回evt.clientX+(document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft);
否则返回0;
}
功能鼠标(evt){
如果(!evt)evt=window.event;
if(evt.pageY)返回evt.pageY;
else if(evt.clientY)返回evt.clientY+(document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop);
否则返回0;
}
功能跟踪(evt){
if(document.getElementById){
var obj=document.getElementById(divName).style;
obj.visibility=‘可见’;
obj.left=(parseInt(mouseX(evt)*-4)+offX)+‘px’;
}
}
document.onmousemove=follow;
函数stopscroll(){
document.onmousemove=停止;
}
似乎很容易实现。只需确保变量divName引用您的图像或DIV谢谢Rdpi!我看到了。我的问题是如何给它增加轻松!