Question

请教：如何在网页中制作滚动图片和滚动字幕？谢谢！

Answer 1

/**
* 文字上下滚动
* @param flag 标识是否滚册誉动
* @param fatherMarqueeContentId 父容器
* @param firMarqueeContentId 子容器1
* @param secMarqueeContentId 子容器2
* @param timeSpan 滚动时间间隔 默认为100毫秒
*/
var MarqueeObj = function(fatherMarqueeContentId,firMarqueeContentId,secMarqueeContentId,timeSpan) {
this.flag = 0;
this.fatherMarqueeContentId = fatherMarqueeContentId;
this.firMarqueeContentId = firMarqueeContentId;
this.secMarqueeContentId = secMarqueeContentId;
this.timeSpan = timeSpan || 100;

//初始化，开启循环滚动
this.init = function() {
initScrollContentHeight(this);

//定时器
setInterval(marquee,this.timeSpan);

this.bindMouseOver();
this.bindMouseOut();
}

//开始州罩段
this.start = function() {
this.flag = 0;
}

//停止
this.stop = function() {
this.flag = 1;
}

var that = this;

//滚动核心函数
var marquee = function() {
if(that.flag == 1)
{
return;
}

if(document.getElementById(that.firMarqueeContentId).offsetHeight
<= document.getElementById(that.fatherMarqueeContentId).scrollTop) {
document.getElementById(that.fatherMarqueeContentId).scrollTop
-= document.getElementById(that.firMarqueeContentId).offsetHeight;
} else {
document.getElementById(that.fatherMarqueeContentId).scrollTop ++;
}
}

this.bindMouseOver = function() {
document.getElementById(this.fatherMarqueeContentId).onmouseover
= function() {
that.stop();
}
}

this.bindMouseOut = function() {
document.getElementById(this.fatherMarqueeContentId).onmouseout
= function() {
that.start();
}
}

/**初始化可滚动内容的高度闷判
* 将可滚动内容的高度和父容器的高度比较，如果低于它，
* 就将可滚动内容的高度置为父容器的高度
* @param obj 可滚动对象
*/
var initScrollContentHeight = function(obj){
if(document.getElementById(obj.firMarqueeContentId).scrollHeight
< document.getElementById(obj.fatherMarqueeContentId).offsetHeight){
document.getElementById(obj.firMarqueeContentId).style.height
= document.getElementById(obj.fatherMarqueeContentId).offsetHeight + "px";

document.getElementById(obj.secMarqueeContentId).style.height
= document.getElementById(obj.fatherMarqueeContentId).offsetHeight + "px";
}

}

}

Answer 2

是要无缝滚动吗？
如果不是的话就在字的前面加<marquee>
试试是你要蔽禅的嫌源效果不宏者尘
不是再我问
希望能帮到你 呵呵