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

</p> <p><TITLE>5</TITLE> </p> <p>HTML {<br /> OVERFLOW: hidden<br /> }<br /> BODY {<br /> PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #000; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 815px; CURSOR: crosshair; PADDING-TOP: 0px; POSITION: absolute; HEIGHT: 230px<br /> }<br /> #box {<br /> 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<br /> }<br /> #screen {<br /> 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<br /> }<br /> #box IMG {<br /> BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; CURSOR: pointer; BORDER-BOTTOM: gray 1px solid; POSITION: absolute<br /> }<br /> #box SPAN {<br /> FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 200px; COLOR: #fff; FONT-FAMILY: verdana; POSITION: absolute<br /> }<br /> #box A {<br /> FONT-SIZE: 12px; COLOR: #ff8000; TEXT-DECORATION: none<br /> }<br /> #box A:hover {<br /> BACKGROUND: #ff8000; COLOR: #ffffff; TEXT-DECORATION: none<br /> }<br /> #box A:visited {<br /> COLOR: #ff8000; TEXT-DECORATION: none<br /> }<br /> #box A:hover:visited {<br /> BACKGROUND: #ff8000; COLOR: #ffffff; TEXT-DECORATION: none<br /> }<br /> #lnk {<br /> VISIBILITY: hidden<br /> } </p> <p> <SPAN id="txt"></SPAN><SPAN id="tit"></SPAN><SPAN id="lnk"></SPAN><!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 --><SPAN id="LB0"><SPAN>Loading...</SPAN><br /> <SPAN><SPAN id="LB1"></SPAN></SPAN></SPAN> </p> <p><!-- end of images_loading_bar code --><br />
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• Jquery 焦点图 用于图片展示效果代码
• jQuery Lightbox 图片展示插件使用说明
• jquery 简单的图片展示效果
• AJAX 图片展示框架56个 提升开发效率
• 33个优秀的 jQuery 图片展示插件分享