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

(编辑：jimmy 日期: 2026/8/26 浏览：3 次 )

<!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>  <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/1.GIF');"><img src="/UploadFiles/2021-04-02/1.GIF" alt="图片展示效果 鼠标经过变大图，支持FF" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('https://www.jb51.net/help/downimg/1.GIF');"><img src="https://www.jb51.net/help/downimg/1.GIF" alt="图片展示效果 鼠标经过变大图，支持FF" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/1.GIF');"><img src="/UploadFiles/2021-04-02/1.GIF" alt="图片展示效果 鼠标经过变大图，支持FF" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('https://www.jb51.net/help/downimg/1.GIF');"><img src="https://www.jb51.net/help/downimg/1.GIF" alt="图片展示效果 鼠标经过变大图，支持FF" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/1.GIF');"><img src="/UploadFiles/2021-04-02/1.GIF" alt="图片展示效果 鼠标经过变大图，支持FF" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('https://www.jb51.net/help/downimg/1.GIF');"><img src="https://www.jb51.net/help/downimg/1.GIF" alt="图片展示效果 鼠标经过变大图，支持FF" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> Loading...   </BODY></HTML>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：JavaScript 语言精粹学习笔记第1/2页
下一篇：ext checkboxgroup 回填数据解决

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

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