向上滚动公告
<script language="javascript">
var sIndexinfo = [['http://www.baidu.com/','百度网'],['http://www.sina.com.com/','新浪网'],['http://www.sohu.com/','搜狐网']];
function buildAdHtml(info){
var _html = "<div style='overflow:hidden;height:20px;line-height:20px;font-size:12px' id='marqueebox0'>";
for(var i=0 ;i<info.length;i++){
_html += "<a href='"+unescape(info[i][0])+"' target='blank'><b>"+unescape(info[i][1])+"</b></a><br>";
}
_html += "</div>";
return _html;
}
document.write(buildAdHtml(sIndexinfo));
function startmarquee(lh,speed,delay,index){
var t;
var p=false;
var o=document.getElementById("marqueebox"+index);
o.innerHTML+=o.innerHTML;
o.onmouseover=function(){p=true}
o.onmouseout=function(){p=false}
o.scrollTop = 0;
function start(){
t=setInterval(scrolling,speed);
if(!p) o.scrollTop += 2;
}
function scrolling(){
if(o.scrollTop%lh!=0){
o.scrollTop += 2;
if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0;
}else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
startmarquee(20,50,5000,0);
</script>
分享到:
相关推荐
一款简单原生js文字向上滚动消息框代码,可以用来做网站公告消息、最新动态等模块。
超短的无缝向上滚动公告,一看就懂怎么使用。
向上滚动,可控制,点击向上滚动,点击向下滚动
(鼠标移入,滚动停止;鼠标移出,滚动继续) 实现原理 1. html结构:核心是ul > li,ul外层包裹着div。因为想要内容循环滚动无缝衔接,所以在原有ul后面还要有一个一样内容的ul。如下图: (红色边框为可视...
文字在文本框中能自动向上滚动,支持移动端
向上滚动的table,js,同时支持两个table同时滚动。
文字列表无缝向上滚动,只要设定总体高度,多少行都能让文字滚动。
jQuery表格自动向上滚动代码,鼠标悬浮停止,离开自动继续滚动 jQuery表格自动向上滚动代码,鼠标悬浮停止,离开自动继续滚动
NULL 博文链接:https://bin-huang-2008-163-com.iteye.com/blog/592610
JS间歇性向上滚动 JS间歇性向上滚动 JS间歇性向上滚动 JS间歇性向上滚动 JS间歇性向上滚动
文字向上滚动特效
向上滚动JS代码
html网页广告表格无缝向上滚动,直接打开就可以打开网页显示效果,很值得大家互相学习,共同进步!html网页广告表格无缝向上滚动!
循环向上滚动的字幕 循环向上滚动的字幕 vb vb
jQuery animate封装向上滚动插件,使用定时器setInterval调用封装的插件实现滚动公告
JS向上滚动,JS向上滚动,JS向上滚动,JS向上滚动
js实现的滚动公示栏效果,用于公告栏等的现实
JS不间断向上滚动
jquery插件实现的垂直向上逐条滚动新闻列表页面。
js图片重复向上滚动.doc