CSS+JS控制图片展示
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
}
Opere e oggetti d'arte
Architetture
Reperti archeologici
Stampe e matrici di incisione
Fotografie
Beni etnoantropologici
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
图片加载进度实时显示
复制代码 代码如下:
<script>var l=0;var imgs;var sum=0;var imgs=new Array();function chk(){ l--; document.getElementById("aa").innerText=""+((sum-l)*100/sum)+"%" if (l==0){ for (var i=0;i<sum;>>>详细阅读
本文标题:一个特帅的展示图片的js+css
地址:http://www.17bianji.com/kaifa2/JS/31621.html
1/2 1