動畫視頻滾動

Question

我有一個scoller圖標一個div就可以了：

.ui-slider 
{ 
    top: 0; 
    height: 100%; 
    left: 0; 
    right: 0; 
    width: 100% !important; 
    float: none !important; 
    margin: 0 auto !important; 
    position: absolute; 
    z-index: 1; 
    display: block; 
    position: relative; 
    text-align: left; 
} 

.ui-slider-handle 
{ 
    position: absolute; 
    z-index: 2; 
    width: 16px; 
    height: 16px; 
    cursor: default; 
} 

我使用這樣的代碼：

<div class="ui-slider"> 
<a href="#" class="ui-slider-handle" style="left: 0px;" id="slid"/></div> 

我想與用戶的，以動畫ui-slider-handle鼠標（就像在視頻電影中 - 所以他可以滾動它）。用鼠標或鍵盤上的右鍵移動光標應該與div的寬度和電影大小有關。

我該怎麼辦？

Answer 1

我想你想你的DIV相對於鼠標，OK的，你應該根據鼠標設置div的左側和頂部協調一些人認爲像

jQuery(document).ready(function(){ 

    $(document).mousemove(function(e){ 

     $('.ui-slider').css({"top":e.pageY, "left":e.pageX}); 

    }); 

}) 

移到