环绕图像


	中华各族颂歌

正在下载，请稍候....

安装
步骤一  下载360.js和360b.js脚本，以及360.zip图像集(须解压还原)，然後放置在与有关网页同一文件夹内。
步骤二  将以下代码放置在<head></head>之间。


<STYLE type="text/css"> .placeHolder { POSITION: relative; WIDTH: 330px; HEIGHT: 210px; VISIBILITY: visible; CURSOR: move; z-index: 10; } .nowLoading { VISIBILITY: visible; POSITION: absolute; } .imageDiv { POSITION: relative; TOP: 0px; LEFT: 0px; CURSOR: move; z-index: 30; } .imageDivOuter { VISIBILITY: hidden; POSITION: absolute; TOP: 0px; LEFT: 0px; CURSOR: move; WIDTH: 500px; HEIGHT: 170px; OVERFLOW: hidden; z-index: 30; } .picFrameDiv { POSITION: absolute; CLIP: rect(0px 0px 0px 0px); TOP: 10px; LEFT: 10px; z-index: 50; CURSOR: move; } </STYLE>

步骤三  将以下代码放置在<body>之下的适当位置。


<SCRIPT language='javascript' src='360.js'></SCRIPT> <SCRIPT language='javascript' src='360b.js'></SCRIPT> <DIV id="dimgOuter" class="imageDivOuter" name="dimgOuter"> <DIV id="dimg" class="imageDiv" name="dimg"> <TABLE border=0 cellPadding=0 cellSpacing=0>  <TR> <TD><IMG id="ione" name="ione" src="360.jpg" border="0"></TD> <TD><IMG id="itwo" name="itwo" src="360.jpg" border="0"></TD> </TR> </TABLE> </DIV> </DIV>  <DIV id="mypicframe" class="picFrameDiv"> <TABLE border='0' cellPadding='0' cellSpacing='0'> <TR> <TD bgColor=#0000ff><A href="javascript:void(0);" onmouseover="imgNW.src='360_ul-ov.gif';move_NW();" onmouseout="imgNW.src='360_ul.gif';quitmoving(true);"> <IMG border=0 height='25' src="360_ul.gif" width='25' name=borderNW id=borderNW></A></TD> <TD bgColor=#0000ff><A href="javascript:void(0);" onmouseover="imgN.src='360_u-ov.gif';move_N();" onmouseout="imgN.src='360_u.gif';quitmoving(true);"> <IMG border=0 height='25' src="360_u.gif" width='500' name=borderN id=borderN></A></TD> <TD bgColor=#0000ff><A href="javascript:void(0);" onmouseover="imgNE.src='360_ur-ov.gif';move_NE();" onmouseout="imgNE.src='360_ur.gif';quitmoving(true);"> <IMG border=0 height='25' src="360_ur.gif" width='25' name=borderNE id=borderNE></A></TD> </TR> <TR> <TD bgColor=#0000ff><A href="javascript:void(0);" onmouseover="imgW.src='360_l-ov.gif';move_W();" onmouseout="imgW.src='360_l.gif';quitmoving(true);"> <IMG border=0 height='170' src="360_l.gif" width='25' name=borderW id=borderW></A></TD> <TD align='center' valign='center' width='500'><font face='宋体' size='3' color='#cc6600'>中华各族颂歌</font></TD> <TD bgColor=#0000ff><A href="javascript:void(0);" onmouseover="imgE.src='360_r-ov.gif';move_E();" onmouseout="imgE.src='360_r.gif';quitmoving(true);"> <IMG border=0 height='170' src="360_r.gif" width='25' name=borderE id=borderE></A></TD> </TR> <TR> <TD bgColor=#0000ff><A href="javascript:void(0);" onmouseover="imgSW.src='360_bl-ov.gif';move_SW();" onmouseout="imgSW.src='360_bl.gif';quitmoving(true);"> <IMG border=0 height='25' src="360_bl.gif" width='25' name=borderSW id=borderSW></A></TD> <TD bgColor=#0000ff><A href="javascript:void(0);" onmouseover="imgS.src='360_b-ov.gif';move_S();" onmouseout="imgS.src='360_b.gif';quitmoving(true);"> <IMG border=0 height='25' src="360_b.gif" width='500' name=borderS id=borderS></A></TD> <TD bgColor=#0000ff><A href="javascript:void(0);" onmouseover="imgSE.src='360_br-ov.gif';move_SE();" onmouseout="imgSE.src='360_br.gif';quitmoving(true);"> <IMG border=0 height='25' src="360_br.gif" width='25' name=borderSE id=borderSE></A></TD> </TR> </TABLE> </DIV>  <DIV id='nowloading' class='nowLoading'> <H5>正在下载，请稍候.... </H5> </DIV> <table border='0' cellPadding='0' cellSpacing='0'><tr><td colspan='3'> </td></tr><tr><td>  </td><td>  <DIV id='PlaceHolderDiv' class='placeHolder'><table border=0 WIDTH=550 HEIGHT=250 > <tr><td> </td></tr></table> </DIV>  </td><td>  </td></tr>  <tr><td> </td><td align='center'> <a href='javascript:void(0)' onClick='zoomOut();'><img border='0' src='360_out.gif' alt='Zoom Out'></a> <a href='javascript:void(0)' onClick='zoomReset();'><img border='0' src='360_reset.gif' alt='Zoom Reset'></a> <a href='javascript:void(0)' onClick='zoomIn();'><img border ='0' src='360_in.gif' alt='Zoom In'></a> </td><td></td></tr> </table>

就是如此简单！
请享用