动画视频滚动

2011-03-27 116 views 3 likes

我有一个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的宽度和电影大小有关。

我该怎么办？

来源

2011-03-27 Miri

回答

我想你想你的DIV相对于鼠标，OK的，你应该根据鼠标设置div的左侧和顶部协调一些人认为像

jQuery(document).ready(function(){ 

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

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

    }); 

})

移到

来源

2011-03-27 18:18:58

动画视频滚动

回答

相关问题