看看这个效果吧!<html>
<head>
<title>网页天使---特效展示</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../../style.css">
<style type="text/css">
<!--
--></style>
<!-- #EndEditable --> 
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<div align="left"> <!-- #BeginEditable "%B6%FE%C8%CB%CA%C0%BD%E7" -->{91now资源站}<!-- #EndEditable --></div>
<center>
</center>
<div align="center"><b><font size="4" color="#0099CC">脚本特效展示</font></b><br>
  <br>
</div>
<center>
  <table border="1" cellspacing="0" cellpadding="15" bordercolorlight="#0099CC" bordercolordark="#0099CC" bordercolor="#0099cc" width="450">
    <tr> 
      <td height="56"> 
        <div align="center"><!-- #BeginEditable "edit1" --> 
          <script language="JavaScript1.2">
iens6=document.all||document.getElementById
ns4=document.layers//specify speed of scroll (greater=faster)
var speed=5if (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>  本人对免费空间的一些看法 在互连网飞速发展的今天,网络成了资信、消息的窗口,随便在搜索引擎上点点都会飞出成千上万的网站,其中个人网站也占着一定的比例呀,给网络增添了不少色彩。 
            最初很多的大型网站为了争夺用户,都大张其鼓地推出很多免费空间服务,不少地中小型网站也加入了竞争行列,这种情况下,受益最多的当然是我们这些“没钱”的小站长拉,随便填份表格就拥有了属于自己的一块网络地盘,记得最初的网易、搜狐都纷纷推出50M的大容量免费空间,吸引了不少初出茅庐的小站长,我也是其中一员,最初网易除了那无聊的广告外,还可以令人接受的,搜狐因为上传文件有大小限制,但以没广告为买点,也还是不错。但毕竟很多人都看中了这一互连网上的赚钱好招数,越来越多的中小型网站更推出无限空间,支持ASP、CGI、PHP等的更加吸引的服务,一时冲击着这一竞争市场,我当时也有了很多的选择,当时我选择了263的空间,为什么?速度快,没广告,没限制,就是空间小了一点,只有20M,但对于我来说还是足够的,我用了他的空间很久都没改,91now资源站第一版基本上都是在那里成长起来的。 
            但好景不长呀,今年吧,各大免费空间好象都已经丢弃了这一曾经的赚钱绝招,纷纷冷落了免费空间的管理,我91now资源站的第一个空间http://chikin.top263.net被无辜地冷藏了,263也停止了一切地申请,各大网站似乎都用了我们地力量帮他壮大,发展,而最终就把我们丢弃在一旁,我们是多么地无助呀。但面对这无情地结局,我们又能做些什么呢? 
            没办法拉,免费空间的确已经走向了绝路了,如果大家还寄望有一个更好服务更周到的网站开放免费空间,我可以先跟大家说“不可能”的了, 如果你们还想到处找免费的ASP、CGI空间,我想还是不如一年拿几百块出来租用一部比较好的主机,或者买部好一点的电脑,架设为服务器,一天开他20个小时,真正地让自己来做“主”好过拉。 
            所以我可以跟大家坦白说,本站收录的免费空间是昌盛时期的资料,很不少多可能已经关闭或停止申请的了,大家自己试试吧,我不能担保些什么的,因为免费空间的确已经慢慢走向衰亡的了。 
            --- ChiKin </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>
          <br>
          <br>
          本特效的定位比较容易,因为曾是用了相对定位,把代码轻松一放就可以满足不同分辨率的要求<br>
          <br>
          用户修改页面只需修改下面语句<br>
          document.write(' < div id="container" style="position:relative;width:500;height:160;border:1px 
          solid black;overflow:hidden">') <br>
          document.write(' < div id="content" style="position:absolute;width:500;left:0;top:0">') 
          <!-- #EndEditable --></div>
      </td>
    </tr>
  </table>
  <b><font size="4" color="#0099CC"><br>
  </font></b> 以下代码加入&lt;head&gt;区域<br>
  <!-- #BeginEditable "text1" --> 
  <textarea name="textfield" cols="55" rows="10"></textarea>
  <!-- #EndEditable --> <br>
  <br>
  <b><font size="4" color="#0099CC"> </font></b> 以下代码加入&lt;body&gt;区域<br>
  <!-- #BeginEditable "text2" --> 
  <textarea name="textarea" cols="55" rows="12"></textarea>
  <!-- #EndEditable --> <br>
  <br>
  可能某段代码会由于COPY时的不小心以至不能正常显示,如发现此情况,请改用查看代码,谢谢!(<a href="mailto:[email protected]"><u>记住跟我说呀</u></a>)<br>
  <br>
  <input type="BUTTON" value="查看代码" onClick= 'window.location = "view-source:" + window.location.href' name="BUTTON" style="font-size: 9pt; background-color: #99ccff; border: 1 solid" onMouseOver="this.style.color='#ddeeff'" onMouseOut="this.style.color='#000000'">
  <script language="JavaScript">
<!--
function closeclk() {
another=close();
}
//--></script>
  <input type="BUTTON" name="close" value="关闭窗口" onClick="closeclk()" style="font-size: 9pt; background-color: #ff9900; border: 1 solid" onMouseOver="this.style.color='#D9E2F7'" onMouseOut="this.style.color='#000000'">
  <br>
  <br>
  <span class="jieti"> </span> <br>
  <br>
  <br>
  <br>
  <br>
</center>
</body>
<!-- #EndTemplate -->
</html>