图片或文字翻滚特效,图片翻滚特效,文字翻滚特效
<div id="icefable1"> <table width="728" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="50%" height="60" bgcolor="#0099CC"><img src="1.gif" height="60" /></td><td width="50%" height="60" bgcolor="#0099CC"><img src="2.jpg" height="60" /></td> </tr> <tr> <td width="50%" height="60" bgcolor="#0099CC"><img src="1.gif" height="60" /></td><td width="50%" height="60" bgcolor="#0099CC"><img src="2.jpg" height="60" /></td> </tr> <tr> <td width="50%" height="60" bgcolor="#0099CC"><img src="1.gif" height="60" /></td><td width="50%" height="60" bgcolor="#0099CC"><img src="2.jpg" height="60" /></td> </tr> <tr> <td width="50%" height="60" bgcolor="#0099CC"><img src="1.gif" height="60" /></td><td width="50%" height="60" bgcolor="#0099CC"><img src="2.jpg" height="60" /></td> </tr> </table> </div> <script language="javascript"> marqueesHeight=60; stopscroll=false; 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=marqueesHeight; stoptime=0; icefable1.innerHTML+=icefable1.innerHTML; function init_srolltext(){ icefable1.scrollTop=0; setInterval("scrollUp()",1); }init_srolltext(); function scrollUp(){ if(stopscroll==true) return; currentTop+=1; if(currentTop==marqueesHeight+1) { stoptime+=1; currentTop-=1; if(stoptime==300) { currentTop=0; stoptime=0; } } else { preTop=icefable1.scrollTop; icefable1.scrollTop+=1; if(preTop==icefable1.scrollTop){ icefable1.scrollTop=marqueesHeight; icefable1.scrollTop+=1; } } } init_srolltext(); </script>