首页 > 网站 > 建站经验 > 正文

发些滚动的代码

2024-08-30 19:06:22
字体:
来源:转载
供稿:网友
1、逐条显示的滚动(间歇性滚动)

<table width="250" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="78"><DIV id=icefable1>
<TABLE cellSpacing=0 cellPadding=0 width=246 border=0 cellspcing="0">
<TBODY>
<TR>
<TD align="center">{FS400_推荐滚动}<TD></TR></TBODY></TABLE>
</DIV>
<SCRIPT>
marqueesHeight=60;
stopscroll=false;
with(icefable1){
style.width=246;
style.height=marqueesHeight;
style.overflowX='visible';
style.overflowY='hidden';
noWrap=true;
onmouseover=new Function('stopscroll=true');
onmouseout=new Function('stopscroll=false');
}
preTop=0; currentTop=30; stoptime=0;
icefable1.innerHTML =icefable1.innerHTML;
function init_srolltext(){
icefable1.scrollTop=0;
setInterval('scrollUp()',20);//滚动速度
}init_srolltext();

function scrollUp(){
if(stopscroll==true) return;
currentTop =1;
if(currentTop==60) //滚动距离
{
stoptime =1;
currentTop-=1;
if(stoptime==60) //滚动间距
{
currentTop=0;
stoptime=0;
}
}
else {
preTop=icefable1.scrollTop;
icefable1.scrollTop =1;
if(preTop==icefable1.scrollTop){
icefable1.scrollTop=120;
icefable1.scrollTop =1;
}
}

}
</SCRIPT></td>
</tr>
</table>

2、间歇性滚动js代码间歇性滚动js代码

<DIV id=icefable1>
<p>放被循环内容</p>
<p>9999999999</p>
<p>0000000000 </p>
</DIV>

<DIV id=icefable2 style="Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute"></DIV>

<SCRIPT>
marqueesHeight=90;
stopscroll=false;
icefable1.scrollTop=0;

with(icefable1){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}

preTop=0; currentTop=0; stoptime=0;

function init_srolltext(){
icefable2.innerHTML="";
icefable2.innerHTML =icefable1.innerHTML;

共2页上一页12下一页
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表