国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery xMarquee實現文字水平無縫滾動效果

2019-11-20 20:46:20
字體:
來源:轉載
供稿:網友
 
css
復制代碼 代碼如下:

<style>
.xMarquee{border:1px solid #ccc;height:25px;width:500px; margin:50px auto; background:#ffffff; overflow:hidden;}
.xMarquee ol{list-style-type:none; margin:0px; padding:0px; font-size:12px; width:100000%;}
.xMarquee ol li{float:left;}
.xMarquee ol li a{ color:#000; text-decoration:none; line-height:25px;}
.xMarquee ol li a:hover{ text-decoration:underline;}
</style>

js
復制代碼 代碼如下:

<script src="xMarquee.js" type="text/javascript"></script>

<script>
$(function(){
$("#x1").xMarquee();
$("#x2").xMarquee({temp:2,backMarquee:'backMarquee'});
})


function backMarquee(id,con){
$("#backMarquee").html(id+"::::::::::::::::::::"+con);
}
</script>

html
復制代碼 代碼如下:

<div id="x1" class="xMarquee">
<ol>
<li><a href="" >♠ 中國移動</a></li>
<li><a href="" >♠ 雙向錄音</a></li>
<li><a href="" >♠ 360通話錄音是目前較好的</a></li>
<li><a href="" >♠ 中國移動</a></li>
<li><a href="" >♠ 雙向錄音</a></li>
<li><a href="" >♠ 360通話錄音是目前較好的</a></li>
</ol>
</div>

<div id="x2" class="xMarquee">
<ol>
<li><a href="" >♠ 中國移動</a></li>
<li><a href="" >♠ 雙向錄音</a></li>
<li><a href="" >♠ 360通話錄音是目前較好的</a></li>
<li><a href="" >♠ 中國移動</a></li>
<li><a href="" >♠ 雙向錄音</a></li>
<li><a href="" >♠ 360通話錄音是目前較好的</a></li>
</ol>
</div>

文字滾動如此簡單
演示打包下載

本文來自: csdn 高山and流水博客
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 沾益县| 弥渡县| 巩义市| 古交市| 杂多县| 河池市| 康定县| 天津市| 武清区| 凤城市| 从化市| 怀柔区| 贵定县| 邛崃市| 渝中区| 镇巴县| 富顺县| 迁西县| 贵阳市| 抚顺市| 连州市| 惠安县| 安岳县| 泽普县| 西吉县| 扶余县| 河间市| 岳普湖县| 太白县| 海林市| 无棣县| 淮南市| 津南区| 黔西县| 乡宁县| 佛冈县| 京山县| 平和县| 临澧县| 竹山县| 曲水县|