图片控制内容框的文字上下翻滚_图片特效特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!

      图片控制内容框的文字上下翻滚,JavaScript一款文字滚动特效,Google广告有这种功能。用到网页上也不错,鼠标放到图片上滚动就开始了。

      <title>图片控制内容框的文字上下翻滚</title> <script type="text/javascript"> iens6=document.all||document.getElementById ns4=document.layers var speed=1 if (iens6){ document.write('<div id="container" style="position:relative;width:175px;height:160px;border:1px solid black;overflow:hidden">') document.write('<div id="mrc" style="position:absolute;width:170px;left:0;top:0">') } </script> <ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160"> <layer name="nsmrc" width=175 height=160 visibility=hidden> <p><font size="2" face="Arial">- DOM stands for Document Object Model</font></p> <p><font size="2" face="Arial">-</font><font size="2" face="Arial">做了一个简单点的登录框,只是一个无刷新显示/隐藏登录框的实例。希望大家能够喜欢。</font></p> <p><font size="2" face="Arial">- CSS allows for the separation between mrc definition and formatting</font></p> </layer> </ilayer> <script language="JavaScript1.2"> if (iens6) document.write('</div></div>') </script> <table width="175px"><td><p align="right"> <a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="http://p1.mb5u.com/texiao/1/20110225160531471.png" border=0></a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="http://p1.mb5u.com/texiao/1/20110225160531472.png" border=0></a></p></td> </table> <script language="JavaScript1.2"> if (iens6){ var crossobj=document.getElementById? document.getElementById("mrc") : document.all.mrc var mrcheight=crossobj.offsetHeight } else if (ns4){ var crossobj=document.nscontainer.document.nsmrc var mrcheight=crossobj.clip.height } function movedown(){ if (iens6&&parseInt(crossobj.style.top)>=(mrcheight*(-1)+100)) crossobj.style.top=parseInt(crossobj.style.top)-speed+"px" else if (ns4&&crossobj.top>=(mrcheight*(-1)+100)) crossobj.top-=speed movedownvar=setTimeout("movedown()",20) } function moveup(){ if (iens6&&parseInt(crossobj.style.top)<=0) crossobj.style.top=parseInt(crossobj.style.top)+speed+"px" else if (ns4&&crossobj.top<=0) crossobj.top+=speed moveupvar=setTimeout("moveup()",20) } function getmrc_height(){ if (iens6) mrcheight=crossobj.offsetHeight else if (ns4) document.nscontainer.document.nsmrc.visibility="show" } window.onload=getmrc_height </script>