图片展示效果鼠标经过变大图，支持FF

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> 
<HTML><HEAD><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></HEAD> 
<BODY> 
<DIV id=screen> 
<DIV id=box><IMG title="" alt="" src="http://www.glzy8.com/help/downimg/1.GIF" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fhelp%2Fdownimg%2F1.GIF"> <IMG title="" alt="" 
src="http://www.glzy8.com/help/downimg/1.GIF" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fhelp%2Fdownimg%2F1.GIF"> <IMG title="" alt="" src="http://www.glzy8.com/help/downimg/1.GIF" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fhelp%2Fdownimg%2F1.GIF"> 
<IMG title="" alt="" src="http://www.glzy8.com/help/downimg/1.GIF" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fhelp%2Fdownimg%2F1.GIF"> <IMG title="" alt="" 
src="http://www.glzy8.com/help/downimg/1.GIF" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fhelp%2Fdownimg%2F1.GIF"> <IMG title="" alt="" src="http://www.glzy8.com/help/downimg/1.GIF" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fhelp%2Fdownimg%2F1.GIF"> <SPAN 
id=txt style="FONT-SIZE: 14px"></SPAN><SPAN id=tit></SPAN><SPAN id=lnk><A 
href="" _ewebeditor_ta_href=""></A><A 
href="" _ewebeditor_ta_href=""></A><A 
href="" _ewebeditor_ta_href=""></A><A 
href="" _ewebeditor_ta_href=""></A><A 
href="" _ewebeditor_ta_href=""></A><A 
href="" _ewebeditor_ta_href=""></A></SPAN></DIV></DIV><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">Loading...</SPAN> 
<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> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%3Em00%3Ddocument.getElementById(%22box%22).getElementsByTagName(%22img%22)%3Bm01%3Dm00.length%3Bfunction%20images_loading_bar()%7Bm02%3D0%3Bfor(i%3D0%3Bi%3Cm01%3Bi%2B%2B)m02%2B%3D(m00%5Bi%5D.complete)%3F1%3A0%3Bdocument.getElementById(%22LB1%22).style.width%3DMath.round(m02%2Fm01*100)%2B'px'%3Bif(m02%3D%3Dm01)setTimeout(%22document.getElementById('LB0').style.display%3D'none'%22%2C128)%3B%20else%20setTimeout(%22images_loading_bar()%22%2C%2064)%3B%7D%3Bimages_loading_bar()%3B%3C%2FSCRIPT%3E"> 
</BODY></HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程

图片展示效果 鼠标经过变大图，支持FF

图片展示效果鼠标经过变大图，支持FF