一个特帅的展示图片的js+css

(编辑：jimmy 日期: 2026/5/1 浏览：3 次 )

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML lang=it dir=ltr xml:lang="it" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>CSS+JS&#25511;&#21046;&#22270;&#29255;&#23637;&#31034;</TITLE><STYLE>BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 70% 
Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #000; PADDING-TOP: 0px; TEXT-
ALIGN: center}#outer { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/images/bg-outer.gif) 
repeat-y center top; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 780px; PADDING-
TOP: 0px; TEXT-ALIGN: left}#wrapper { BACKGROUND: #fff; MARGIN: 0px 4px}#content { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 400px; PADDING-BOTTOM: 20px; 
MARGIN: 20px 30px; PADDING-TOP: 0px; POSITION: relative}#focus { BORDER-RIGHT: #ccc 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 2px solid; 
PADDING-LEFT: 0px; MIN-HEIGHT: 188px; BACKGROUND: url(/images/tile.gif) #eee repeat
-y left top; PADDING-BOTTOM: 10px; MARGIN: 25px 0px 30px; BORDER-LEFT: #ccc 2px 
solid; WIDTH: 100%; PADDING-TOP: 15px; BORDER-BOTTOM: #ccc 2px solid; POSITION: 
relative; HEIGHT: 188px}#beni { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; 
WIDTH: 250px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 15px}#beni LI { BORDER-TOP: #fff 1px solid; FONT-SIZE: 12px; FLOAT: left; WIDTH: 250px; TEXT-
INDENT: 24px; LINE-HEIGHT: 26px}#beni LI.first { BORDER-TOP: 0px}#beni LI A { BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block; PADDING-
LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND: #eee; PADDING-BOTTOM: 0px; MARGIN: 0px; 
BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none}#beni LI A:hover { BACKGROUND: #f9f9f9}</STYLE></HEAD>
<BODY id=home> <UL id=beni> <LI class=first>Opere e oggetti d'arte</LI> <LI>Architetture</LI> <LI>Reperti archeologici</LI> <LI>Stampe e matrici di incisione</LI> <LI>Fotografie</LI> <LI>Beni etnoantropologici</LI> </UL> </BODY></HTML>

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

上一篇：打印/预览/设置的客户端代码
下一篇：收藏一个代码