适合做公告板的代码收集_典型特效
程序员文章站
2022-04-22 08:22:07
...
1. 每条文字信息循环显示,
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
2.逐行显示文字,转换过程中带有渐隐渐显效果
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
3.每条新闻信息以打字的方式轮流出现
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
4.滚轴式向上滚动文字,每次只显示一行
' +'' +''); marqueesHeight=21; stopscroll=false; toptable.scrollTop=0; with(toptable){ 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=21; stoptime=0; toptable.innerHTML+=toptable.innerHTML; function init_srolltext(){ toptable.scrollTop=0; setInterval("scrollUp()",40); }init_srolltext(); function scrollUp(){ if(stopscroll==true) return; currentTop+=1; if(currentTop==22) { stoptime+=1; currentTop-=1; if(stoptime==80) { currentTop=0; stoptime=0; } } else { preTop=toptable.scrollTop; toptable.scrollTop+=1; if(preTop==toptable.scrollTop){ toptable.scrollTop=42; toptable.scrollTop+=1; } } }
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
2.逐行显示文字,转换过程中带有渐隐渐显效果
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
3.每条新闻信息以打字的方式轮流出现
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
4.滚轴式向上滚动文字,每次只显示一行
' +'' +''); marqueesHeight=21; stopscroll=false; toptable.scrollTop=0; with(toptable){ 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=21; stoptime=0; toptable.innerHTML+=toptable.innerHTML; function init_srolltext(){ toptable.scrollTop=0; setInterval("scrollUp()",40); }init_srolltext(); function scrollUp(){ if(stopscroll==true) return; currentTop+=1; if(currentTop==22) { stoptime+=1; currentTop-=1; if(stoptime==80) { currentTop=0; stoptime=0; } } else { preTop=toptable.scrollTop; toptable.scrollTop+=1; if(preTop==toptable.scrollTop){ toptable.scrollTop=42; toptable.scrollTop+=1; } } }
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一篇: CSS新手整理的有关CSS使用技巧
下一篇: 踩过的小坑