Js實(shí)現(xiàn)頁(yè)面上下滾動(dòng)效果

2024-09-05 12:18:39

字體：大中小

供稿：網(wǎng)友

一個(gè)網(wǎng)頁(yè)滾動(dòng)特效，上下的網(wǎng)頁(yè)正文滾動(dòng)，把鼠標(biāo)放在箭頭圖片上，頁(yè)面上下滾動(dòng)，Js代碼簡(jiǎn)單，onmouseout和onmouseover起了至關(guān)重要的作用。

<HTML><HEAD><TITLE>頁(yè)面上下滾動(dòng)</TITLE><META http-equiv=Content-Type content="text/html; charset=gb2312"><STYLE type=text/css>#item {	LEFT: 10px;	VISIBILITY: hidden;	POSITION: absolute;	top: 200px;	height: 46px;	width: 90px;}.STYLE1 {	font-size: 50px;	font-family: "微軟雅黑";	color: #FF00FF;}.STYLE2 {	color: #660099;	font-weight: bold;	font-size: 30px;	font-family: "微軟雅黑";}</STYLE><SCRIPT language=JavaScript></SCRIPT></HEAD><BODY bgColor=#fef4d9><CENTER><span id="iwvjtn8m0"    class="STYLE1">頁(yè)面上下滾動(dòng)</span></CENTER><BR><BR><BR><BR><BR><table height="61" border=5 bordercolor=#00FFFF borderlight="green">  <tbody>    <tr><td align=middle><span id="iwvjtn8m0"    class="STYLE2">把鼠標(biāo)放在圖片上</span></td></tr>  </tbody></table><CENTER><div   class="iwvjtn8m0"   id=item><IMG src="http://www.aspku.com/jscss/demoimg/201307/down.gif" border=0><IMG src="http://www.aspku.com/jscss/demoimg/201307/up.gif" border=0></DIV></CENTER></BODY></HTML>

上一篇：Js頁(yè)面縮小特效，由大到小變化

下一篇：Js關(guān)閉窗口前彈出提示