您是否注意到 Twitter 主页上滚动的趋势栏。
使用 jquery 的正确方法是什么？我听说 jquery 比 javascript 好。
最佳答案
如果你看一下源代码，你可以看到基本结构:
<div>
<div>
<ul>
<li>Year Without Rain</li>
<li>Gameday</li>
<li>etc...</li>
</ul>
</div>
<span class="fade fade-left"> </span>
<span class="fade fade-right"> </span>
</div>
ul 元素是包含主题的列表容器。这个元素的位置动画滚动它。当滚动列表即将结束时，将列表的内容附加到列表的末尾(模拟列表来回滚动)。如果不这样做，Twitter 可能会选择反转滚动方向。但他们的做法要好得多。
要获得淡入淡出效果，使用了 .fade-left 和 .fade-right 元素。它们左右对齐，恭敬地。它们被设置为透明并且图像本身是透明渐变:http://s.twimg.com/a/1283564528/images/fronts/fade-trends2.png .使用 z-index，它位于滚动列表之上，从而在两侧提供透明效果。
Twitter 确实使用了 jQuery(但如你所知，jQuery 是 JavaScript，只是一个 JavaScript 框架)而且我没有花时间分析代码，但它应该很容易实现。
关于javascript - 推特的滚动条效果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3643941/