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移动到鼠标上，好吧你应该根据鼠标坐标设置div的左边和顶部一些想法

jQuery(document).ready(function(){

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

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

   }); 

})

动画视频滚动条

1 个答案: