文字滚动效果

1、文字滚动效果,用MARQUEE实现
<marquee direction=方向 loop=循环次数 behavior=滚动形式 dataformatas=文字类型 width=字符滚动窗口的宽度 height=字符滚动窗口的高度 scrolldelay=每次循环的间隔时间 scrollamount=每次移动的长度 bgcolor=滚动窗口的背景颜色 >
…………要滚动的文字…………
</marquee>
direction:这个标记是说明所要滚动的文字是向哪个方向滚动的,它的参数有:left,right,up,down
           left:文字自右向左滚动
           right:文字自左向右滚动
           up:文字自下向上滚动
           down:文字自上向下滚动
<marquee></marquee>这个标记是IE特有的,NETSCAPE是浏览不到这效果的
loop:如果想让文字无限循环,则参数是"-1";如果不是可以自行设置循环次数
behavior:滚动形式,有scroll,alternate,slide等。
          scroll:是以滚动的形式移动
          alternate:是以来回的形式移动
          slide:文字滚动出来后不再动
dataformatas:文字类型,参数为:html,text,css等等
width:你可以自行设置滚动窗口的宽度,大小是以像素为单位的,如100,150等,也可以用百分数表示,如50%
height:跟width一样是控制窗口的高度,大小也是以像素为单位的
scrolldelay:即是两次循环间的时间间隔,当一次循环结束后,第二次循环会在所设置的时间后出现,单位为毫秒。1秒=1000毫秒
scrollamount:每次移动的长度,以像素为单位
bgcolor:背景颜色,可以是16进制数,也可以是颜色名(请参看颜色表)
 
2、用JAVASCRIPT实现,功能强大,实现从下向上无间断滚动
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.3020" name=GENERATOR>
</HEAD>
<BODY>
<DIV    
id=marqueey>连续滚动的字测试1<BR>连续滚动的字测试2<BR>连续滚动的字测试3<BR>连续滚动的字测试4<BR></DIV>
<SCRIPT language=JavaScript>
marqueeyHeight=140;        //载体高度控制
stopscroll=false;
with(marqueey){
        style.width=0;
        style.height=marqueeyHeight;
        style.overflowX="visible";
        style.overflowY="hidden";
        noWrap=true;
         Function("stopscroll=true");
         Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
preTop=0; currentTop=0;
function init(){
        templayer.innerHTML="";
        while(templayer.offsetHeight<marqueeyHeight){
                templayer.innerHTML+=marqueey.innerHTML;
        }
        marqueey.innerHTML=templayer.innerHTML+templayer.innerHTML;
        setInterval("scrollUp()",40);        //滚动速度控制,越大越慢
}
document.body.
function scrollUp(){
        if(stopscroll==true) return;
        preTop=marqueey.scrollTop;
        marqueey.scrollTop+=1;
        if(preTop==marqueey.scrollTop){
                marqueey.scrollTop=templayer.offsetHeight-marqueeyHeight;
                marqueey.scrollTop+=1;
        }
}
</SCRIPT>
</BODY></HTML>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章