111、文字上下滚动的显示

111、文字上下滚动的显示

第一步:把如下代码加入<body>区域中

<script language="JavaScript1.2">

iens6=document.all||document.getElementById

ns4=document.layers

 

//specify speed of scroll (greater=faster)

var speed=5

 

if (iens6){

document.write('<div id="container" style="position:relative;width:500;height:160;border:1px solid black;overflow:hidden">')

document.write('<div id="content" style="position:absolute;width:500;left:0;top:0">')

}

</script>

 

<ilayer name="nscontainer" width=500 height=160 clip="0,0,500,160">

<layer name="nscontent" width=500 height=160 visibility=hidden>

 

<!--INSERT CONTENT HERE-->

<p><font size="2" face="Arial">-</font><font size="2" face="Arial" color=#000000>test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-</font></p>

<p><font size="2" face="Arial" color=#999999>

- test-- test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-

- test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-

- test-

- test-

- test-

- test-

- test-

- test-

- test-

- test-

- test-

- test-

- test-

- test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-

test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-

- test-

 

</font></p>

<p><font size="2" face="Arial">-</font><font size="2" face="Arial"> - test-

- test-- test-

- test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-

 

</font></p>

<p><font size="2" face="Arial">test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-</font></p>

<p><font size="2" face="Arial">test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-- </font><font size="2" face="Arial" color=#ffffff>test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-test-</font></p>

<!--END CONTENT-->

 

</layer>

</ilayer>

 

<script language="JavaScript1.2">

if (iens6)

document.write('</div></div>')

</script>

 

<table width="500px"><td><p align="right">

|<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)">

向上

</a>|<a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)">

向下

</a>|</p></td>

</table>

 

<script language="JavaScript1.2">

if (iens6){

var crossobj=document.getElementById? document.getElementById("content") : document.all.content

var contentheight=crossobj.offsetHeight

}

else if (ns4){

var crossobj=document.nscontainer.document.nscontent

var contentheight=crossobj.clip.height

}

 

function movedown(){

if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))

crossobj.style.top=parseInt(crossobj.style.top)-speed

else if (ns4&&crossobj.top>=(contentheight*(-1)+100))

crossobj.top-=speed

movedownvar=setTimeout("movedown()",100)

}

 

function moveup(){

if (iens6&&parseInt(crossobj.style.top)<=0)

crossobj.style.top=parseInt(crossobj.style.top)+speed

else if (ns4&&crossobj.top<=0)

crossobj.top+=speed

moveupvar=setTimeout("moveup()",100)

 

}

 

function getcontent_height(){

if (iens6)

contentheight=crossobj.offsetHeight

else if (ns4)

document.nscontainer.document.nscontent.visibility="show"

}

window.onload=getcontent_height

</script>

 

Write a comment

Comments: 0