可上移动的快速插入针

很多站点都在主页上采用了可上移动的快速插入针来做站点更新及新闻，鼠标放到上下箭头的图片就能滚动。其
实这个一点也不难，下面先看一下效果，再学一下是如何做的吧！

	制作方法
		将下面的代码复制到<head> ~ </head>里
	<script> function movstar(a,time){ movx=setInterval("mov("+a+")",time) } function movover(){ clearInterval(movx) } function mov(a){ scrollx=new_date.document.body.scrollLeft scrolly=new_date.document.body.scrollTop scrolly=scrolly+a new_date.window.scroll(scrollx,scrolly) } function o_down(theobject){ object=theobject while(object.filters.alpha.opacity>60){ object.filters.alpha.opacity+=-10} } function o_up(theobject){ object=theobject while(object.filters.alpha.opacity<100){ object.filters.alpha.opacity+=10} } function wback(){ if(new_date.history.length==0){window.history.back()} else{new_date.history.back()} } </script> <style type=text/css>.form { COLOR: #ff9900; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt } .opacity { BACKGROUND-COLOR: #993300; COLOR: #ff9900; FILTER: alpha(opacity=100) .form { font-size: 9pt; FONT-FAMILY: "宋体" } </style>
		将下面的代码复制到向上箭头的<img>里
	<img alt=点住不放可以快速向上滚动 class=opacity onMouseDown=movover();movstar(-3,2) onMouseOut=movover();o_up(this) onMouseOver=movstar(-1,20);o_down(this) onMouseUp=movover();movstar(-1,20) src="arrow01.gif" width="13" height="13" border="0">
		将下面的代码复制到向下箭头的<img>里
	<img src="arrow02.gif" class="opacity" onMouseDown=movover();movstar(3,2) onMouseOut=movover();o_up(this) onMouseOver=movstar(1,20);o_down(this) onMouseUp=movover();movstar(1,20) alt="点住不放可以快速向下滚动" width="13" height="13" border="0">
		将下面的代码复制到<table>中的一个<td>内，具体宽、高自拟
	<iframe border=0 frameborder=0 framespacing=0 height='100%' marginheight=0 marginwidth=0 name=new_date noResize scrolling=no src="iframe.htm" width='445' vspale="0"></iframe>
		新建一个iframe.htm 的文件，放在同一级目录下，这里有一个示范
	<html> <head> <title>:::::1 号工作室:::::</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <link href="http://www.1studio.net/css/site.css" type=text/css rel=stylesheet> </head> <body bgcolor=F2F2F2 topmargin=0 leftmargin="0"> <table border=0 cellpadding=1 cellspacing=3 class=main width=440> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　改版工作将近尾声，一豪正在准备租新<font face="Arial, Helvetica, sans-serif">ASP</font>空间，程序已都完成<br> 　　只剩添加内容了，过段时间<font face="Arial, Helvetica, sans-serif">1</font>号工作室将以崭新的面貌展现在大<br> 　　家的眼前！ </td> <td valign=top width="64" align="center"><font class="size">2001/10/15</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　改版工作已完成一半的工作，其它部分正在紧张的制作中。近段<br> 　　ASP源码程序不能下载，主要是镜像站点出了问题，请大家谅解</td> <td valign=top width="64" align="center"><font class="size">2001/10/08</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　站内统计，<font face="Arial, Helvetica, sans-serif">9</font>月份站内流量的点击率再次突破<font color="#00FF00" face="Arial, Helvetica, sans-serif">40000</font>次！国庆、<br> 　　中秋将临，一豪祝大家节日快乐！</td> <td valign=top width="64" align="center"><font class="size">2001/09/30</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　很久没更新了，一直在忙于改版写程序的工作，很累很累。程序<br> 　　很多，也很周全，计数器和留言板的免费申请程序已经做出来了<br> 　　，改版后大家就可以申请了！</td> <td valign=top width="64" align="center"><font class="size">2001/09/25</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　站长回家休息几天，养精蓄锐，好全力来改版，这几天不会更新<br> 　　了，欢迎大家来壹号论坛捧场！</td> <td valign=top width="64" align="center"><font class="size">2001/09/10</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　1号工作室正在进入改版阶段，通过几个月的网上调查，看出大<br> 　　家对网页设计和软件下载是很感兴趣的，改版后的1号工作室内<br> 　　容更丰富，速度更快，望大家能一如既往的支持本发展。</td> <td valign=top width="64" align="center"><font class="size">2001/09/07</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　站内统计，<font face="Arial, Helvetica, sans-serif">8</font>月份站内流量的点击率为<font color="#00FF00" face="Arial, Helvetica, sans-serif">40000</font>次！</td> <td valign=top width="64" align="center"><font class="size">2001/09/01</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　1号工作室正在筹划进行改版，希望能得到大家的支持。你有什<br> 　　么好的想法和建议，请到来<a href="bbs/default.asp" target="_parent" class="d1d5ed">壹号论坛</a>发表，本站一定虚心接受采<br> 　　纳您的建议。</td> <td valign=top width="64" align="center"><font class="size">2001/08/27</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　<a href="bbs/default.asp" target="_parent" class="d1d5ed">壹号论坛</a>增加悄悄话、新闻公布栏功能，欢迎各们来发帖子！</td> <td valign=top width="64" align="center"><font class="size">2001/08/23</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　近来在忙着跟朋友做设计，所以站内的事务管理得很少。发现服<br> 　　务器近几天又有点毛病了。欢迎大家多来<a href="bbs/default.asp" target="_parent" class="d1d5ed">壹号论坛</a>捧场！</td> <td valign=top width="64" align="center"><font class="size">2001/08/21</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　昨晚看了华仔的新片“全职杀手”，华仔好韵味哦，既成熟又帅<br> 　　气，感觉还比较好，大家看过了吗？有空上上<a href="bbs/default.asp" target="_parent" class="d1d5ed">壹号论坛</a>啊~~</td> <td valign=top width="64" align="center"><font class="size">2001/08/09</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　公司现在晚上不允许员工待在办公室。哦，晚上上不了网了，一<br> 　　天的时间真不够花，维护的时间减少了，真不是办法，大家请多<br> 　　多来<a href="bbs/default.asp" target="_parent" class="d1d5ed">壹号论坛</a>捧场，尽管人气不是很理想，但我还是希望热心的<br> 　　朋友们来壹号论坛发帖子，谢谢大家的支持！</td> <td valign=top width="64" align="center"><font class="size">2001/08/07</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　<font face="Arial, Helvetica, sans-serif">1</font>号工作室从<font face="Arial, Helvetica, sans-serif">3</font>月<font face="Arial, Helvetica, sans-serif">1</font>日起至<font face="Arial, Helvetica, sans-serif">7</font>月<font face="Arial, Helvetica, sans-serif">30</font>日，总访问量超过<font color="#00FF00" face="Arial, Helvetica, sans-serif">100000</font>次点击<br> 　　率，一豪在此向每一位支持本站的朋友表示衷心的感谢！</td> <td valign=top width="64" align="center"><font class="size">2001/07/30</font></td> </tr> <tr> <td valign=top colspan="8" class="d1d5ed"><span class="d1d5ed"><font color="#00FF00">□</font></span>　下午到七色鸟论坛中的成员集会，20多人参加，划船时有同志掉<br> 　　墨镜、掉手表的，呵呵：）蛮有意思的！</td> <td valign=top width="64" align="center"><font class="size">2001/07/29</font></td> </tr> </table> </body> </html>
	至此你就可以完成这个实例了，快去试试吧！

posted on 2007-02-07 11:50 mbskys 阅读(164) 评论(0) 收藏举报