0

マウスを画像の上に置いたときにdivがスクロールするようにしようとしていますが、これまでしかスクロールできません。どこかがうまく機能していない

$(document).ready(function()
 {
    $('#test').bind('mouseenter', function() 
   {
    var self = $(this);
    var right = parseInt(self.style.left) || 200;               
    this.iid = setInterval(function() 
     {
         if (right <= 400)
         {                     
         right += 200;                         
         }
         else
         {
          right = 400;                         
         }
    self.style.left = right + "px";
     }, 525);
   }).bind('mouseleave', function()
           {
    this.iid && clearInterval(this.iid);
           });

 });​

    #test {
        color:white;
        width: 400px; 
    height: 400px; 
    left: 200px; 
    background-color: #000; 
    position: absolute;
    }

    <div id="test">hover me please</div>​

またはここにフィドル： http://jsfiddle.net/qjxqC/1/

助けてくれてありがとう

4

2 に答える 2

1

交換

var self = $(this);

に

var self = this;

stylejQueryオブジェクトではなくDOMオブジェクトのプロパティであるため、次のようにします。

self.style.left = right + "px";
于 2012-10-21T05:37:29.667 に答える