修改好的框架滚动字幕效果实现代码

最终效果图

源代码：复制代码代码如下： html head meta http-equiv=' content-type ' content=' text/html；charset=GB 2312 '脚本src=' http :http://演示。JB 51。net/jslib/jquery/jquery。js '/script脚本类型=' text/JavaScript '函数scroll _ news(){ var $ first node=$(' # scroll-container Li ')；//得到我的值列数var iRow=$(' #滚动容器').查找('里').长度1;//调试器；$(函数(){ $firstNode.eq(0)).fadeOut('slow '，function(){ $(this).克隆()。appendo($(this).parent()).fadeIn('慢');$(这个)。移除();$firstNode.eq(iRow).hide()；});});} $(文档)。ready(function(){ go()；});函数stop(){ clearInterval(sn)；}函数go(){ sn=setInterval(' scroll _ news()'，2000)；}/脚本样式类型=' text/CSS ' # scroll-container { border :1 px # 000 solid；背景# FECheight:23px线高：23 px} #滚动容器李{列表式：无；display : none font-size :12 px；}阿利{ color: # F00文本装饰：无；边距-左侧：10 px}阿利：悬停{文字装饰：下划线；}/style/head body div id=' roll-container ' onMouseOver=' stop()；'onMouseOut=' go()；'lia href='# '一生这么一次/a/li lia href='# '不再因为任性而不肯低头/a /li lia href='# '不再因为固执而轻言分手/a /li lia href='# '坚信一次/a /li lia href='# '一颗心需要坚定地去温暖另一颗心/a /li lia href='# '一直走/a /li lia href='# '就可以到白头/a /li lia href='# '就那样相守/a /li lia href='# '在来往的流年里/a /li lia href='# '岁月安好/a /li lia href='# '惟愿这一生/a /li lia href='# '执子之手/a /li lia href='# '与子偕老/a /li /div /body /html