jQuery垂直滚动插件

1、准备好需要用到的图标。

3、书写hmtl代艨位雅剖码。<h1 style="margin: 40px 0 70px; font: 32px Microsoft Yahei; text-align: center; color: #fff;">Totem - jQuery垂直滚动插件演示</h1><ul id="vertical-ticker"> <li>Totem</li> <li>Intro.js</li> <li>allinone</li> <li>placeMe.js</li> <li>Scroll Follow</li> <li>YLMarquee</li> <li>scrollUp</li></ul><p><a href="#" id="ticker-previous">向上</a> / <a href="#" id="ticker-next">向下</a> / <a id="stop" href="#">停止</a> / <a id="start" href="#">开始</a></p><p>鼠标移动到上面停止滚动</p>

5、书写并添加js代码。<script src="js/jquery-1.8.3.min.js"></script><script src="js/jquery.totemticker.min.js"></script><script>$(function() { $('#vertical-ticker').totemticker({ row_height: '100px', next: '#ticker-next', previous: '#ticker-previous', stop: '#stop', start: '#start', mousestop: true });});</script>

7、查看效果。