jquery xMarquee實現(xiàn)文字水平無縫滾動效果
更新時間：2014年04月29日 15:41:41 作者：
這篇文章主要介紹了jquery xMarquee實現(xiàn)文字水平無縫滾動效果,需要的朋友可以參考下
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流水博客
相關文章
bootstrap table sum總數(shù)量統(tǒng)計實現(xiàn)方法
這篇文章主要介紹了bootstrap table sum總數(shù)量統(tǒng)計實現(xiàn)方法,需要的朋友可以參考下2017-10-10
jquery ajaxfileuplod 上傳文件 essyui laoding 效果【防止重復上傳文件】
點擊一次上傳, 當上傳操作結束后才能操作界面，實現(xiàn)方式是通過 ajaxfileuplod 上傳文件，需要的朋友參考下吧2018-05-05
JQuery插件iScroll實現(xiàn)下拉刷新，滾動翻頁特效
下拉自動加載進行分頁的運用越來越多，比起傳統(tǒng)的分頁該方法分頁用戶體驗更好，布局也更簡單了。目前正在使用和學習中……2014-06-06
這篇文章主要為大家詳細介紹了jQuery Masonry瀑布流布局神器的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
jquery利用event.which方法獲取鍵盤輸入值的代碼
jquery利用event.which方法獲取鍵盤輸入值的代碼，需要的朋友可以參考下。2011-10-10
用Jquery實現(xiàn)多級下拉框無刷新的聯(lián)動
需要實現(xiàn)：院系，專業(yè)，年級，班級。聯(lián)動無刷新，其中院系，專業(yè)，年級，班級屬于數(shù)據(jù)庫中的字典表，有后臺維護，隨時可能變化2010-12-12
今天又次體會到jquery的強大了，做了個多級復選框的效果，代碼塊分兩塊:一是全選的效果、二是當前復選框的父框根據(jù)當前框的兄弟是否全選中來決定父框是否選中2013-08-08
這篇文章主要為大家詳細介紹了Jquery獲取當前城市的天氣信息，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
JQuery獲取樣式中的background-color顏色值的問題
用JQuery獲取樣式中的background-color的值時發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣，經(jīng)搜索找到了下段代碼可解決此問題，感興趣的朋友可以參考下2013-08-08
這篇文章主要介紹了jquery中對于批量deferred的處理方法，有需要的朋友可以參考一下2014-01-01