Бегущая трока с настраиваемой скоростью на jQuery
1 2 3 4 5 6 7 |
<script type="text/javascript" src="/js/jquery.li-scroller.1.0.js"></script> <link rel="stylesheet" href="/css/li-scroller.css" media="screen" /> <script type="text/javascript"> $(function(){ $("ul#ticker1").liScroll({travelocity: 0.05}); }); </script> |
2#: Пример оформления бегущих строк:
1 2 3 4 5 6 7 8 9 |
<div class="gnb"> <ul id="ticker1"> <li><span>10/10/2007</span><a href="">The first thing that most Javascript programmers</a></li> <li><span>10/10/2007</span><a href="">End up doing is adding some code</a></li> <li><span>10/10/2007</span><a href="">The code that you want to run</a></li> <li><span>08/10/2007</span><a href="">Inside of which is the code that you want to run</a></li> <li><span>08/10/2007</span><a href="">Right when the page is loaded</a></li> </ul> </div> |