Picture display effect: the picture will be enlarged by passing the mouse, supporting FF_image special effects

<title>5</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css">HTML { OVERFLOW: hidden } BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #000; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 815px; CURSOR: crosshair; PADDING-TOP: 0px; POSITION: absolute; HEIGHT: 230px } #box { BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BACKGROUND: #111; VISIBILITY: hidden; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid; POSITION: absolute } #screen { BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BACKGROUND: #000; LEFT: 0px; BORDER-LEFT: gray 1px solid; WIDTH: 815px; BORDER-BOTTOM: gray 1px solid; POSITION: absolute; HEIGHT: 230px } #box IMG { BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; CURSOR: pointer; BORDER-BOTTOM: gray 1px solid; POSITION: absolute } #box SPAN { FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 200px; COLOR: #fff; FONT-FAMILY: verdana; POSITION: absolute } #box A { FONT-SIZE: 12px; COLOR: #ff8000; TEXT-DECORATION: none } #box A:hover { BACKGROUND: #ff8000; COLOR: #ffffff; TEXT-DECORATION: none } #box A:visited { COLOR: #ff8000; TEXT-DECORATION: none } #box A:hover:visited { BACKGROUND: #ff8000; COLOR: #ffffff; TEXT-DECORATION: none } #lnk { VISIBILITY: hidden } </style> <meta content="MSHTML 6.00.6000.20815" name="GENERATOR"> <div id="screen"> <div id="box"> <img title="" alt="" src="http://www.jb51.net/help/downimg/1.GIF"><img title="" alt="" src="http://www.jb51.net/help/downimg/1.GIF"> <img title="" alt="" src="http://www.jb51.net/help/downimg/1.GIF"> <img title="" alt="" src="http://www.jb51.net/help/downimg/1.GIF"> <img title="" alt="" src="http://www.jb51.net/help/downimg/1.GIF"> <img title="" alt="" src="http://www.jb51.net/help/downimg/1.GIF"> <span id="txt" style="max-width:90%"> </span><span id="tit"></span><span id="lnk"><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a></span> </div> </div> <!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 --><span id="LB0" style="LEFT: 50%; POSITION: absolute; TOP: 50%"><span style="FONT-SIZE: 10px; LEFT: -120px; COLOR: #ffffff; FONT-FAMILY: arial; POSITION: absolute; TOP: 8px"></span>Loading...<span style="FONT-SIZE: 1px; BACKGROUND: #333; LEFT: -120px; WIDTH: 100px; POSITION: absolute; TOP: 20px; HEIGHT: 10px"> <span id="LB1" style="FONT-SIZE: 1px; BACKGROUND: #ffffff; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 10px"></span></span></span><!-- end of images_loading_bar code -->