利用js實現向上滾動消息框代碼



13 51 18



特效描述:利用js實現 向上滾動 消息框代碼,利用js實現向上滾動消息框代碼

代碼結構

1. 引入CSS

<link rel="stylesheet" type="text/css" href="scroll.css" />

2. 引入JS

<script src="scroll.js" type="text/javascript" charset="utf-8"></script>

3. HTML代碼

<h3>例1: 3秒一次</h3>
<ul class="_container" id="demo">
<li>我是第一個出現的</li>
<li>我是第二個出現的</li>
<li>我是第三個出現的</li>
<li>我是第四個出現的</li>
<li>我要開始循環了(第五個)</li>
</ul>
<h3>例2:5秒一次</h3>
<ul class="_container" id="demo2">
<li>例2我是第一個出現的</li>
<li>例2我是第二個出現的</li>
<li>例2我是第三個出現的</li>
<li>例2我是第四個出現的</li>
<li>例2我要開始循環了(第五個)</li>
</ul>
<script>
	/*這是啟動方式*/
	/*
	 * demo 父容器(ul)的id
	 * -36px 子元素li的高度
	 * 3000  滾動間隔時間
	 * 每次滾動持續時間可到css文件中修改
	 */
	myScroll.upScroll("demo","-36px",3000);
	myScroll.upScroll("demo2","-36px",5000);
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動 滾動條 頁面滾動 滾動插件 滾動條插件 滾動條美化 自動滾動圖片輪播 文字滾動 文字無縫滾動 文字間歇滾動
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 北京快三最快开奖结果记录 新疆11选5杀号 青海快三综合走势图 贵州十一选五基本走 上证大盘指数实时 打广东麻将技巧 老快3和值技巧 宝石奥德赛 北京快乐8基本走势图 青海快3走势图昨天 黑龙江11选5走势 星力捕鱼靠谱平台 富贵乐园官方网站 河南快三 北京pk技巧想输都难 车联网是什么功能