尋找背景全景插件

Question

我試圖找到一個插件，或者一行代碼，可以幫助我實現背景圖像的影響（跟隨鼠標的滾動）：

http://teddavis.org/

有沒有人認爲有類似的方式來做到這一點在jQuery中，所以我可以添加一些緩解，並使這種更流暢。如果你知道如何將緩衝放在那個非常的代碼上，我也會感激不盡！

在此先感謝！

泰國

Answer 1

如果您檢查頁面的源代碼，你會發現：

<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