<img src="http://files.jb51.net/file_images/article/201404/201404291539192.gif?2014329153931" alt="jquery xMarquee는 text_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{border:1px solid #ccc;height:25px;width:500px; 여백:50px 자동; 배경:#ffffff; 오버플로:숨김;} <br>.xMarquee ol{list-style-type:none; 여백:0px; 패딩:0px; 글꼴 크기:12px; 너비:100000%;} <br>.xMarquee ol li{float:left;} <br>.xMarquee ol li a{ color:#000; 텍스트 장식:없음; line-height:25px;} <br>.xMarquee ol li a:hover{ text-꾸밈: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>< script src="xMarquee.js" type="text/javascript"></script> <br><br><스크립트> <br>$(function(){ <br>$("#x1").xMarquee(); <br>$("#x2").xMarquee({temp:2,backMarquee:'backMarquee'}); <br>}) <br><br><br>function backMarquee(id,con){ <br>$("#backMarquee").html(id ":::::::::::: :::::::" 콘); <br>} <br></script> <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>< div id="x1" class="xMarquee"> <br><ol> <br><li><a href="" >│ 中國移动</a></li> <br><li><a href="" >♥ 双向录Music</a></li> <br><li><a href="" >│ 360통신 360통신</a></li> <br><li><a href="" >│ 中國移动</a></li> <br><li><a href="" >♥ 双向录Music</a></li> <br><li><a href="" >│ 360통신 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="" >♥ 双向录Music</a></li> <br><li><a href="" >│ 360통신 360통신</a></li> <br><li><a href="" >│ 中國移动</a></li> <br><li><a href="" >♥ 双向录Music</a></li> <br><li><a href="" >│ 360통신 360통신</a></li> <br></ol> <br></div> <br> </div> <br>文字滚动如此简单<br><a href="http://xiazai.jb51.net/201406/yuanma/xMarquee(jb51.net).rar" target="_blank">演示打包下载</a> <br><br>本文来自: csdn 高山and流水博客