当前位置：首页 > 资讯 > 技术文档

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

时间：2021-02-25 10:22 编辑：来源：阅读：
扫一扫，手机访问

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

CSS+JS控制图片展示

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
}

<div id="outer">
<div id="wrapper">
   <div id="content">
  <div id="focus">
   [list]
     [*][url=http://www.1sucai.cn/article/479.htm#]Opere e oggetti d'arte[/url][/*]
     [*][url=http://www.1sucai.cn/article/479.htm#]Architetture[/url][/*]
     [*][url=http://www.1sucai.cn/article/479.htm#]Reperti archeologici[/url][/*]
     [*][url=http://www.1sucai.cn/article/479.htm#]Stampe e matrici di incisione[/url][/*]
     [*][url=http://www.1sucai.cn/article/479.htm#]Fotografie[/url][/*]
     [*][url=http://www.1sucai.cn/article/479.htm#]Beni etnoantropologici[/url][/*]
   [/list]
  </div>
 </div>
</div>
</div>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：javascript面向对象之this关键词用法分析
下一篇：javascript实现的又一个不错的滑动导航效果

资讯排行榜
更多>>