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

596 阅读 0 评论 394 点赞

我是靠谱客的博主雪白季节，这篇文章主要介绍图片展示效果鼠标经过变大图，支持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="//file2.kaopuke.com:8081/files_image/201804/1.gif"> <IMG title="" alt="" 
src="//file2.kaopuke.com:8081/files_image/201804/1.gif"> <IMG title="" alt="" src="//file2.kaopuke.com:8081/files_image/201804/1.gif"> 
<IMG title="" alt="" src="//file2.kaopuke.com:8081/files_image/201804/1.gif"> <IMG title="" alt="" 
src="//file2.kaopuke.com:8081/files_image/201804/1.gif"> <IMG title="" alt="" src="//file2.kaopuke.com:8081/files_image/201804/1.gif"> <SPAN 
id=txt style="FONT-SIZE: 14px"></SPAN><SPAN id=tit></SPAN><SPAN id=lnk></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> 
 
</BODY></HTML>

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