日期:2014-05-16  浏览次数:20441 次

菜鸟请教跑马灯特别效果
这段跑马灯效果之只是简单的上下移动:
<marquee   bgcolor=#ffffff   class=p4   direction=up   height=60   scrollamount=1   scrolldelay=50   style= "COLOR:   #000000;   class:   "   width=157   text-align:   left?   border= "0 "   ;> 要滚动的文字 </marquee>

我想实现效果:文字信息由下到上移动~~每移动30px停止3秒,以便读者阅读,再继续移动,并且实现onmouseover时停止,onmouseout继续移动。

    菜鸟请高手指点~~~

------解决方案--------------------
加上 onmouseout=start(); onmouseover=stop();可以实现停呀走呀的。
------解决方案--------------------
--------------------
结贴
----------------


<TABLE width= "190 " height= "100 " border=0 cellPadding=0 cellSpacing=0 class=boder2>
<TBODY>
<TR>
<TD width= "181 " height=27 class=title2 bgcolor= "#6F9DC4 "> <IMG height=12 hspace=10 src= "../Images/arrow2.gif " width=14 align=absMiddle> 网站公告 </TD>
</TR>
<TR>
<TD vAlign=top height=100 width= "181 "> <DIV class=content>
<MARQUEE id=scrollarea onmouseover=this.stop();
onmouseout=this.start(); scrollAmount=2 scrollDelay=200 direction=up
width=180
height=100>
本站所有文章或资料除注明为本站自创编辑整理外,均为各方收集或网友推荐所得。其中摘录的内容以共享、研究为目的,不存在任何商业考虑。 <BR>
目前网站上有些文章未注明作者或出处,甚至标注错误,此类情况出现并非不尊重作者及出处网站,而是因为有些资料来源的不规范。如果有了解作者或出处的原作者或网友,请告知,本网站将立即更正注明,并公开向作者或出处单位道歉。  &nbsp;&nbsp;被摘录的对象如有任何异议,请与本站联系,联系方式见页尾,本站确认后将立即撤下。谢谢您的支持与理解! <BR>
</MARQUEE>
</DIV> </TD>
</TR>
</TBODY>
</TABLE>



------解决方案--------------------
<DIV style= "OVERFLOW: hidden; HEIGHT: 22px;background:url(img/NewAdd_bg.gif);width: 332px; ">
<div id= 'marqueebox '>
你的滚动内容
</div>
</div>

<SCRIPT language=javascript>
function startmarquee(lh,speed,delay) {
var p=false;
var t;
var o=document.getElementById( "marqueebox ");
o.innerHTML+=o.innerHTML;
o.style.marginTop=0;
o.onmouseover=function(){p=true;}
o.onmouseout=function(){p=false;}
function start(){
t=setInterval(scrolling,speed);
if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+ "px ";
}
function scrolling(){
if(parseInt(o.style.marginTop)%lh!=0){
o.style.marginTop=parseInt(o.style.marginTop)-1+ "px ";
if(Math.abs(parseInt(o.style.marginTop))> =o.scrollHeight/2) o.style.marginTop=0;
}else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
startmarquee(22,3,3000);
</SCRIPT>