html页面加文字横向滚动,js实现文字横向滚动
頁面布局
恭喜793765***獲得 50元巨人點(diǎn)卡獎(jiǎng)勵(lì)
恭喜793765***獲得 50元巨人點(diǎn)卡獎(jiǎng)勵(lì)
恭喜793765***獲得 50元巨人點(diǎn)卡獎(jiǎng)勵(lì)
恭喜793765***獲得 50元巨人點(diǎn)卡獎(jiǎng)勵(lì)
恭喜793765***獲得 50元巨人點(diǎn)卡獎(jiǎng)勵(lì)
恭喜793765***獲得 50元巨人點(diǎn)卡獎(jiǎng)勵(lì)
恭喜793765***獲得 50元巨人點(diǎn)卡獎(jiǎng)勵(lì)
樣式：
.pad_right{ padding-right:2em;}
#scroll_div {height:26px;overflow: hidden;white-space: nowrap;width:535px;margin-left:10px;}
#scroll_begin,#scroll_end {display: inline;}
js代碼：
//文字橫向滾動(dòng)
functionScrollImgLeft(){var speed=50;var MyMar = null;var scroll_begin = document.getElementById("scroll_begin");var scroll_end = document.getElementById("scroll_end");var scroll_div = document.getElementById("scroll_div");
scroll_end.innerHTML=scroll_begin.innerHTML;functionMarquee(){if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
scroll_div.scrollLeft-=scroll_begin.offsetWidth;elsescroll_div.scrollLeft++;
}
MyMar=setInterval(Marquee,speed);
scroll_div.onmouseover = function(){
clearInterval(MyMar);
}
scroll_div.onmouseout = function(){
MyMar = setInterval(Marquee,speed);
}
}
ScrollImgLeft();
原文：http://www.cnblogs.com/shizhouyu/p/4462594.html
總結(jié)
以上是生活随笔為你收集整理的html页面加文字横向滚动,js实现文字横向滚动的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： html拖拽显示获取坐标,html界面元
- 下一篇： eclipse怎么创建web项目html