<img src="http://files.jb51.net/file_images/article/201404/201404291539192.gif?2014329153931" alt="jquery xMarquee實現文字等級無縫滾動效果_jquery" > <br>css <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="95830" class="copybut" id="copybut95830" onclick="doCopy('code95830')"><u>複製代碼</u></a></span>代碼如下:</div> <div class="codebody" id="code95830"> <br><style> <BR>.xMarquee{邊框:1px實心#ccc;高度:25px;寬度:500px;邊距:50px 自動;背景:#ffffff;溢出:隱藏;} <BR>.xMarquee ol{list-style-type:none;邊距:0px;內邊距:0px;字體大小:12px; width:100000%;} <BR>.xMarquee ol li{float:left;} <BR>.xMarquee ol li a{ color:#000;文字裝飾:無; line-height:25px;} <BR>.xMarquee ol li a:hover{ text-decoration:underline;} <BR></style>; <br> </div> <br>js <br> <div class="codetitle"> <span><a style="CURSOR: pointer" data="87544" class="copybut" id="copybut87544" onclick="doCopy('code87544')"><u>複製程式碼</u></a></span>程式碼如下:</div> <div class="codebody" id="code87544"> <br> <br><br> <br>$(function(){ <br>$("#x1").xMarquee(); <br>$("#x2"). xMarquee({temp:2,backMarquee:'backMarquee'}); <br>}) <br><br><br>函數backMarquee(id,con){ <br>$("#backMarquee").html( id ":::::::::::::: :::::::" con); <br>} <br>腳本> <br> </div> <br>html <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="65518" class="copybut" id="copybut65518" onclick="doCopy('code65518')"><u>複製程式碼</u></a></span>程式碼如下:</div> <div class="codebody" id="code65518"> <br> <br><ol> <br><li><a href="">♠中國移動</a></li> <br><li> <a href="">♠ 隨身錄音</a> <br> </li> <li><a href="">♠ 360通話錄音目前是較好的</a></li> <br><li><a href="">♠中國移動</a></li> <br><li><a href="">♠ 隨身錄音</a></li> <br><li><a href="">♠ 360通話錄音目前是較好的</a></li> <br> </ol> <br> </div> <br><br><div id="x2" class="xMarquee"> <br><ol> <br><li><a href="">♠中國移動</a></li> <br><li><a href="">♠ 隨身錄音</a></li> <br><li><a href="">♠ 360通話錄音目前是較好的</a></li> <br><li> <a href="">♠中國移動</a> li> <br> </li> <li><a href="">♠ 隨身錄音</a></li> <br><li><a href="">♠ 360通話錄音目前是較好的 a></a></li> <br> </ol> <br> </div> <br> <br>文字滾動如此簡單<br><a href="http://xiazai.jb51.net/201406/yuanma/xMarquee(jb51.net).rar" target="_blank">放射性資源下載</a> <br><br>放射性資源下載 放射性資源下載 頁來自: csdn 高山和流水博客