0

誰かが私を助けてくれるかどうか疑問に思っていました..私は自分のニーズに合ったスクローラーを探していました。左または右のボタンが押されている限り（onmousedownを使用）、左右に連続的にスクロールするスクローラーを作成できるようにしたいと考えています。

SerialScrollは私の幅に最も近いスクローラーです..しかし、私の試みは成功していません..XD

Ariel Flesler (SerialScroll の作成者) は、ブログに「Doctorate on Jquery.SerialScroll」に関する投稿を書きました。この記事では、連続スクローラーの作成方法と左から右へのスクロール方法について説明しています。しかし、彼は2つを組み合わせる方法を説明していません..

誰か助けてくれませんか？よろしく、 アンダース

4

1 に答える 1

0

SerialScroll はお尻の痛みなので、簡単なものを作成しました。serialScroll で動作するコードをほとんど書きましたが、serialscrolling でスクロールの方向を変更するのに問題がありました。

<html>
<head>
 <script type='text/javascript' src='jquery.js'></script> 
 <style>
li{
   list-style:none outside none;
   float:left;
}
</style>
</head>
<body>
 <div style="width:500px;"> 
  <div id="buttons"> 
   <a class="prev" href="#" onmousedown="previous();start()" onmouseup="stop()">Previous</a> 
   <a class="next" href="#" onmousedown="next();start()" onmouseup="stop()">Next</a> 
   <br class="clear" /> 
  </div> 
  <div id="pane" style="overflow:hidden;"> 
   <ul style="width:2000px"> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
    <li><img  src="https://mail.google.com/mail/help/images/logo2.gif" /></li> 
   </ul> 
  </div> 
 </div> 

<script>

interval=20;
speed=3;
change = 1;
handleTimeOut = null;

function next(){
 change = 1;
}


function previous(){
 change = -1;
}

function start(){
 handleTimeOut =setTimeout(function(){timeout()},interval);
}

function stop(){
 clearTimeout(handleTimeOut);
}

function timeout() {
 $('#pane')[0].scrollLeft += speed*change;
 start();
}

</script>
</body>
于 2010-09-20T10:58:10.480 に答える