公告栏向上滚动的js,在滚动完第一次之后,切换的太快,怎么样改,效果会更好点?下面有源文件
<divid="mq"style="width:206px;text-align:left;font-size:12px;line-height:24px;height:...
<div id="mq" style="width: 206px;text-align:left;font-size:12px;line-height:24px; height: 200px; overflow: hidden" onMouseOver="iScrollAmount=0"
onmouseout="iScrollAmount=1">
<p style="text-indent:2em;">雄县星锐纸箱包装厂本是雄县的龙头企业是专业生产纸箱系列、纸盒系列产品的公司,本公司通过了IS9001:2000质量体系认证。公司长期以来坚持以技术、质量、服务、品牌为主导的核心竞争力。以良好的信誉立足市场</p>
</div>
<script language="javascript" type="text/javascript">
var oMarquee = document.getElementById("mq"); //滚动对象
var iLineHeight = 80; //单行高度,像素
var iLineCount = 1; //实际行数
var iScrollAmount = 1; //每次滚动高度,像素
function run() {
oMarquee.scrollTop += iScrollAmount;
if ( oMarquee.scrollTop >= iLineHeight*iLineCount ) //判断是否是到最底部 如果是 返回最顶端
{
oMarquee.scrollTop = 0;
//alert(oMarquee.scrollTop);
}
if ( oMarquee.scrollTop % iLineHeight == 0 ) {
window.setTimeout( "run()",0); //暂停时间
} else {
window.setTimeout( "run()", 40 ); //滚动速度(每20毫秒滚动1像素)
}
}
oMarquee.innerHTML += oMarquee.innerHTML;
window.setTimeout( "run()", 1000 ); //第一次等待时间
</script> 展开
onmouseout="iScrollAmount=1">
<p style="text-indent:2em;">雄县星锐纸箱包装厂本是雄县的龙头企业是专业生产纸箱系列、纸盒系列产品的公司,本公司通过了IS9001:2000质量体系认证。公司长期以来坚持以技术、质量、服务、品牌为主导的核心竞争力。以良好的信誉立足市场</p>
</div>
<script language="javascript" type="text/javascript">
var oMarquee = document.getElementById("mq"); //滚动对象
var iLineHeight = 80; //单行高度,像素
var iLineCount = 1; //实际行数
var iScrollAmount = 1; //每次滚动高度,像素
function run() {
oMarquee.scrollTop += iScrollAmount;
if ( oMarquee.scrollTop >= iLineHeight*iLineCount ) //判断是否是到最底部 如果是 返回最顶端
{
oMarquee.scrollTop = 0;
//alert(oMarquee.scrollTop);
}
if ( oMarquee.scrollTop % iLineHeight == 0 ) {
window.setTimeout( "run()",0); //暂停时间
} else {
window.setTimeout( "run()", 40 ); //滚动速度(每20毫秒滚动1像素)
}
}
oMarquee.innerHTML += oMarquee.innerHTML;
window.setTimeout( "run()", 1000 ); //第一次等待时间
</script> 展开
3个回答
展开全部
如果不要很高的要求的话用这段就简单的 效果也很好
代码:
<marquee direction=up scrollamount=1 scrolldelay=50><div id="mq" style="width:206px;text-align:left;font-size:12px;line-height:24px; height:200px; overflow: hidden" onMouseOver="iScrollAmount=0" onmouseout="iScrollAmount=1"><p style="text-indent:2em;">雄县星锐纸箱包装厂本是雄县的龙头企业是专业生产纸箱系列、纸盒系列产品的公司,本公司通过了IS9001:2000质量体系认证。公司长期以来坚持以技术、质量、服务、品牌为主导的核心竞争力。以良好的信誉立足市场</p></div></marquee></color>
代码:
<marquee direction=up scrollamount=1 scrolldelay=50><div id="mq" style="width:206px;text-align:left;font-size:12px;line-height:24px; height:200px; overflow: hidden" onMouseOver="iScrollAmount=0" onmouseout="iScrollAmount=1"><p style="text-indent:2em;">雄县星锐纸箱包装厂本是雄县的龙头企业是专业生产纸箱系列、纸盒系列产品的公司,本公司通过了IS9001:2000质量体系认证。公司长期以来坚持以技术、质量、服务、品牌为主导的核心竞争力。以良好的信誉立足市场</p></div></marquee></color>
2010-12-20
展开全部
这里有一个无缝滚动效果
速度可以自己调节
可以参考一下
速度可以自己调节
可以参考一下
参考资料: http://www.blueidea.com/common/shoutbox/redir.asp?6=j&id=12229
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询