Jquery SerialScroll：連續左右

我想知道是否有人可以幫助我..我一直在尋找滿足我需求的滾動條。我希望能夠讓一個滾動器連續滾動到左右兩側，只要按住左側或右側按鈕（使用onmousedown）即可。Jquery SerialScroll：連續左右

SerialScroll是最接近我widh滾輪。不過，我的嘗試都沒有成功過.. XD

阿里爾Flesler，寫在他的博客大約"Doctorate on Jquery.SerialScroll"，後（如果SerialScroll創建者），他介紹如何製作連續卷軸，以及如何從左至右滾動。但他沒有描述如何將兩者結合起來。

有人能幫我嗎？最好的問候，安德斯

2010-09-19 guzh

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-20 10:58:10 citium

嘿！謝謝！它似乎工作正常，但在Windows和Safari瀏覽器中測試它時，滾動條是_really_慢..你知道如何解決這個..？除此之外，它的效果很好！ ; D – guzh 2010-09-21 19:59:54

SerialScroll在Safari上會很慢，也就是說在你的窗口上，還有其他的解決方案可以讓它在Safari或ie中更快，但是它的影響是在其他瀏覽器上運行時不會那麼順利。如果你想我可以快速做出一個。對不起，我不使用stackoverflow，只有我在這裏的時間是當我正在尋找的東西 – citium 2010-10-28 11:43:07

Jquery SerialScroll：連續左右

回答

相關問題