利用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

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

老夫子电子 山西快乐10分开奖 双色球042期红球精析 全天重庆时时彩万计划 dnf86刷哪赚钱快 广东快乐十分大小玩法 体育彩票七星彩 免费两码中特 秒速时时彩有什么技巧 澳门线上博监察局 福建11选5走势图表即时 类似趣头条怎么赚钱 四川金7乐app下载安装 竞猜篮彩让分胜负 六合图库 今晚广东36选7开奖号码公布 广东快乐10分走势图前50期