凹丫丫网络社区 » 【网页编程】 » 网页信息上下滚动（还有停留时间）

Amm 发表于 2008-5-14 18:50

网页信息上下滚动（还有停留时间）

<P>&lt;html&gt;<BR><BR>&lt;body&gt;<BR><BR>&lt;table border="0" align="left" cellspacing="1" bgcolor="#00CCFF"&gt;<BR><BR>&lt;TR&gt;<BR><BR>&lt;TD align="left" bgcolor="#FFFFFF"&gt;<BR><BR>&lt;ul id="icefable1_TEMP1"&gt;<BR><BR>&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdfwo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>v&lt;br&gt;<BR><BR>v&lt;br&gt;<BR><BR>v&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajk&lt;span xajkfkjasdf234&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;/strong&gt;&lt;/span&gt;&lt;strong&gt;&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdfwoh &lt;br&gt; xajkfkjasdfwo &lt;br&gt; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf3&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdfwo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdfwo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdfwo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf&lt;br&gt;<BR><BR>wo&nbsp;&nbsp;&nbsp;&nbsp; xajkfkjasdf2&lt;/strong&gt;<BR><BR>&lt;/ul&gt;<BR><BR>&lt;/TD&gt;&lt;/TR&gt;&lt;/TABLE&gt;</P>
<P>&lt;/div&gt;<BR><BR>&lt;script type="text/javascript"&gt;<BR><BR>var global_val1 = document.getElementById("icefable1_TEMP1");;<BR><BR>marqueesHeight_fun1=330;<BR><BR>stopscroll_fun1=false;<BR><BR>preTop_fun1=0;<BR><BR>currentTop_fun1=0;<BR><BR>stoptime_fun1=0;<BR><BR>initstart_fun1(global_val1);<BR><BR>function initstart_fun1(val)<BR><BR>{<BR><BR><BR><BR>with(val)<BR><BR>{<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; style.height=marqueesHeight_fun1;<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; style.overflowX="visible";<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; style.overflowY="hidden";<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; noWrap=false;<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; onmouseover=new Function("stopscroll_fun1=true");<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; onmouseout=new Function("stopscroll_fun1=false");<BR><BR>}<BR><BR>preTop_fun1=0;<BR><BR>currentTop_fun1=marqueesHeight_fun1;<BR><BR>stoptime_fun1=0;<BR><BR>val.innerHTML+=val.innerHTML;<BR><BR>init_srolltext_fun1(val);<BR><BR>init_srolltext_fun1(val);<BR><BR>}<BR><BR>function init_srolltext_fun1(val)<BR><BR>{<BR><BR>val.scrollTop=0;<BR><BR>setInterval("scrollUp_fun1(global_val1)",1);<BR><BR>}</P>
<P>function scrollUp_fun1(val)<BR><BR>{<BR><BR>if(stopscroll_fun1==true)<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; return;<BR><BR>currentTop_fun1+=1;<BR><BR>if(currentTop_fun1==marqueesHeight_fun1+1)<BR><BR>{<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; stoptime_fun1+=1;<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; currentTop_fun1-=1;<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; if(stoptime_fun1==800)<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; {<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; currentTop_fun1=0;<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; stoptime_fun1=0<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; }<BR><BR>}<BR><BR>else<BR><BR>{<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; preTop_fun1=val.scrollTop;<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; val.scrollTop+=1;<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; if(preTop_fun1==val.scrollTop)<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; {<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; val.scrollTop=marqueesHeight_fun1;<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; val.scrollTop+=1;<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp; }<BR><BR>}<BR><BR>}<BR><BR>&lt;/script&gt;<BR><BR>&lt;/body&gt;<BR><BR>&lt;/html&gt;</P>
<P>备注：如果是ul的话，他的左边是有一定的空隙的，如果不想要的话，可以换成dl，当然也可以换成li 等</P>

查看完整版本: 网页信息上下滚动（还有停留时间）