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