Here你可以看到價格觀察區塊(或全球交易更新)。價格移動與涼爽的幻燈片效果。用什麼樣的函數可以在jQuery中做到這一點?jQuery。酷滑動效果
回答
如果你想有一個美麗的實現這一點,看看插件:Totem - an animated vertical ticker。
如果您正在尋找代碼靈感來複制功能,source位於Github上。
看起來像一個slideUp()
和slideDown()
。
但是我覺得很煩人。
但是,嘿它是偏愛的問題:d
它使用:
<ul id="sliding">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
和
jQuery('sliding').animate({top:'-=20px'});
這個草稿是我需要的:'$(「#PWLine1> li」).css('position','relative'); (「#:/#」); $(「#PWLine1」)。find(「li:eq(0)」)。animate({「top」:' - = 15px'},「slow」); ('#:PWLine1「)。find(」li:eq(1)「)。animate({」top「:' - = 15px'},」slow「);' – VlTr
也許像
<ul class="slide">
<li class="currentSlide"></li>
<li></li>
<li></li>
</ul>
// every few seconds:
$('#slide').find('.currentSlide').first().removeClass('currentSlide').slideUp().next().slideDown().addClass('currentSlide');
這項工作,但並不妨礙在該網站上。在你的變體中,首先'li'不會移動到頂部。它只是在相同的位置滑動。 – VlTr
- 1. jquery,圖像滑動效果
- 2. 如何使滑動效果 - jQuery滑塊
- 3. 滑動效果
- 4. 滑動效果
- 5. Jquery滑塊效果
- 6. JavaFX:scrollview滑動效果
- 7. 沒有jQuery滑動的視覺效果
- 8. jQuery腳本爲表滑動效果
- 9. JQuery滑動效果不起作用?
- 10. jQuery的向下滑動效果
- 11. 使用jQuery的滑動效果
- 12. jQuery滑動效果不起作用
- 13. 使用jQuery複製Flash滑動效果
- 14. jQuery的滑動效果[觸摸]
- 15. jQuery表格元素的滑動效果
- 16. jQuery的表列的滑動效果
- 17. 如何使用jQuery的滑動效果
- 18. jQuery大型菜單滑動效果
- 19. 在jquery中滑動圖像效果
- 20. jquery滑動/滑動嵌套列表上的瘋狂效果
- 21. Android滑動效果動畫
- 22. 滑動和滑動減震效果
- 23. jQuery - 修改效果左滑
- 24. jQuery滑出效果問題
- 25. jQuery的光滑效果
- 26. 基本JQuery滑塊左右滑動效果
- 27. 的jQuery/js的滑行/滑動導航項目效果
- 28. 滑動效果爲uiimageviews
- 29. 滑動效果靈敏度
- 30. 出現滑動效果?
我做這個方式,但它是不是他們做了什麼。 $( 「UL」)找到( 「李:EQ(0)」)效果基本show(); - 它只是在相同的位置滑動li元素 – VlTr