想大家帮一下!怎样才可以实现单行新闻的上下滚动且中间停顿一会再滚动!新闻是从数据库里读出来放在一个asxc用户控件里的!我现在可以实现
想大家帮一下!怎样才可以实现单行新闻的上下滚动且中间停顿一会再滚动!新闻是从数据库里读出来放在一个asxc用户控件里的!我现在可以实现滚动了!可是第一二条还能正常显示,以后的就不能处在正中间了,到最后就会出现在两行在一起,也就是说每滚动一次,显示的新闻就比以前显示的新闻向下,到最后上一次显示的可以看到一半文字,本次显示的也只能看到上面的一半文字!也不知道我说的清楚不清楚!代码如下:
<div id= "icefable1 " style= "OVERFLOW-Y: hidden; OVERFLOW-X: visible; HEIGHT: 21px " noWrap>
<table cellSpacing= "0 " cellPadding= "0 " width= "155 " border= "0 ">
<tbody>
<uc1:gonggao id= "Gonggao1 " runat= "server "> </uc1:gonggao>
</tbody>
</table>
</div>
<script language= "JavaScript " type= "text/javascript ">
marqueesHeight=21;
stopscroll=false;
icefable1.scrollTop=0;
with(icefable1) {
style.height=marqueesHeight;
style.overflowX= "visible ";
style.overflowY= "hidden ";
noWrap=true;
onmouseover=new Function( "stopscroll=true ");
onmouseout=new Function( "stopscroll=false ");
}
preTop=0; currentTop=21; stoptime=0;
function init_srolltext() {
icefable1.scrollTop=0;
setInterval( "scrollUp() ",40);
}
init_srolltext();
function scrollUp() {
if(stopscroll==true) return;
currentTop+=1;
if(currentTop==22) {
stoptime+=1;
currentTop-=1;
if(stoptime==40) {
currentTop=0;
stoptime=0;
}
} else {
preTop=icefable1.scrollTop;
icefable1.scrollTop+=1;
if(preTop==icefable1.scrollTop) {
icefable1.scrollTop=0;
icefable1.scrollTop+=1;
}
}
}
</script>
希望大家给指教一下!
[解决办法]
<style>
div { font-size:12px; }
</style>
<div id= "mq " style= "width:100%;height:70px;overflow:hidden " onmouseover= "iScrollAmount=0 "
onmouseout= "iScrollAmount=1 ">
轻轻的我走了，正如我轻轻的来； <br/>
我轻轻的招手，作别西天的云彩。 <br/>
<br/>
那河畔的金柳，是夕阳中的新娘； <br/>
波光里的艳影，在我心头荡漾。 <br/>
<br/>
软泥上的青荇，油油的在水底招摇； <br/>
在康河的柔波里，我甘心作一条水草。 <br/>
<br/>
那榆荫下的一潭，不是清泉是天上的虹； <br/>
揉碎在浮藻间，沉淀彩虹似的梦。 <br/>
<br/>
寻梦，撑支长篙，向青草更青处漫溯； <br/>
满载一船星辉，在星辉斑烂里放歌。 <br/>
<br/>
但我不能放歌，悄悄是别离的笙箫； <br/>
夏虫也为我沉默，沉默是今晚的康桥。 <br/>
<br/>
悄悄的我走了，正如我悄悄的来； <br/>
我挥一挥衣袖，不带走一片云彩。 <br/>
<br/>
</div>
<script>
var oMarquee = document.getElementById( "mq "); //滚动对象
var iLineHeight = 42; //单行高度，像素
var iLineCount = 7; //实际行数
var iScrollAmount = 1; //每次滚动高度，像素
function run() {
oMarquee.scrollTop += iScrollAmount;
if ( oMarquee.scrollTop == iLineCount * iLineHeight )
oMarquee.scrollTop = 0;
if ( oMarquee.scrollTop % iLineHeight == 0 ) {
window.setTimeout( "run() ", 2000 );
} else {
window.setTimeout( "run() ", 50 );
}
}
oMarquee.innerHTML += oMarquee.innerHTML;
window.setTimeout( "run() ", 2000 );
</script>
或者
<html>
<head>
<meta http-equiv= "Content-Language " content= "zh-cn ">
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 字幕滚动效果（一） </title>
</head>
<body>
<marquee style= "color:#414141;font-size:12px;line-height:17px; " direction= "up " height= "90 " scrollamount= "1 " scrolldelay= "100 " onMouseOver= "this.scrollDelay=500 " onMouseOut= "this.scrollDelay=1 " width= "100 "> 欢迎光临网页特效观止，本站收集整理了大量的网页特效，版权归原版权人所有，切勿用于商业用途，欢迎的你的光临，若有什么问题请跟我联系，也可以到到本站留言区留言。 </td> </marquee>
</body>
</html>
