HTML滚动公告,隔3秒向上滚动显示下一条文字的代码是什么?

 我来答
zahara91
推荐于2019-10-20 · TA获得超过9506个赞
知道小有建树答主
回答量:40
采纳率:100%
帮助的人:8068
展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<script type="text/javascript">
var RollAd=(function() {
var _extend=function(desitination,source) {
for (var m in source) {
desitination[m]=source[m]
}
return desitination;
};


var constructor=function(
container, /*需要绑定的marquee容器,可以传id,也可以也直接传dom 元素*/
freq, /*滚动的时间,单位秒*/
delay, /*两次滚动的间隔时间,单位秒*/
style /*marquee元素的样式*/
) {
var self=this;
var stoped=false;
var rollTimeoutId=null;

container=(typeof container=='string'?document.getElementById(container):container);
style=_extend({
width:'100%',
height:'15px' 
},style || {}); 
for (var s in style) {
container.style.s=style[s];
}


var _roll=function() {
if (!stoped) {
rollTimeoutId=setTimeout(_stop,freq*1000);
} else {
rollTimeoutId=setTimeout(_start,delay*1000);
}
};

var _start=function() {
stoped=false;
container.start();
_roll();
};

var _stop=function() {
stoped=true;
container.stop();
_roll();
};

_roll();

};

return constructor; 
})();
/*示例代码*/
window.onload=function() {
new RollAd('rollAd',3,4);
}
</script>
</head>

<body>
<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="15" id="rollAd">
dfdfasfdsa <br />
dfdfd<br />
dfdfdf<br />
dfdfdf<br />
</marquee>
</body>
</html>

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式