用CSS做滑動(dòng)效果的圖片畫廊
2006/7/25 9:11:21
代碼如下: 以下是引用片段:
<style>
#galleryh {
padding:0;
margin:0 auto 5em auto;
list-style-type:none;
overflow:hidden;
width:495px;
height:240px;
border:1px solid #888;
background:#fff url(/imagelist/06/24/o9642o826u4n.gif);
}
#galleryh li {
float:left;
}
#galleryh li a {
display:block;
height:240px;
width:28px;
float:left;
text-decoration:none;
border-right:1px solid #fff;
cursor:default;
}
#galleryh li a img {
width:28px;
height:240px;
border:0;
}
#galleryh li a:hover {
background:#eee;
width:320px;
}
#galleryh li a:hover img {
width:320px;
}
</style>
以下是引用片段:
<ul id="galleryh">
<li><a href="#nogo">
<img src="/imagelist/06/24/433movw9ni5t.jpg" alt="#1" title="#1" /></a></li>
<li><a href="#nogo">
<img src="/imagelist/06/24/5j2s3486qur7.jpg" alt="#2" title="#2" /></a></li>
<li><a href="#nogo">
<img src="/imagelist/06/24/6g5c95l21jr0.jpg" alt="#3" title="#3" /></a></li>
<li><a href="#nogo">
<img src="/imagelist/06/24/vt3bd2g7qyqk.jpg" alt="#4" title="#4" /></a></li>
<li><a href="#nogo">
<img src="/imagelist/06/24/90850kbw77is.jpg" alt="#5" title="#5" /></a></li>
<li><a href="#nogo">
<img src="/imagelist/06/24/7a3sv6r1j4ak.jpg" alt="#6" title="#6" /></a></li>
<li><a href="#nogo">
<img src="/imagelist/06/24/7ej8grn86b3u.jpg" alt="#7" title="#7" /></a></li>
</ul>
返回列表
返回首頁(yè)
主站蜘蛛池模板:
国产高清视频一区三区|
最刺激黄a大片免费网站|
四虎影视成人永久免费观看视频|
99久久99久久免费精品小说|
成人欧美一区二区三区黑人|
久久精品国产网红主播|
欧美日韩生活片|
优优里番acg※里番acg绅士黑|
老少配老妇老熟女中文普通话|
国产成人免费网站在线观看|
18美女扒开尿口无遮挡|
在车子颠簸中进了老师的身体|
三上悠亚中文字幕在线播放|
日本人六九视频jⅰzzz|
亚洲AV无码一区二区三区在线播放|
毛片女人毛片一级毛片毛片|
免费在线视频a|
美女扒开尿口给男人桶视频免费|
国产国产精品人在线观看|
亚洲精品一二区|
国产精品香蕉在线|
99久久人人爽亚洲精品美女|
女同久久精品国产99国产精品|
中国精品白嫩bbwbbw|
无限资源日产好片|
久久天天躁日日躁狠狠躁|
杨钰莹欲乱小说|
亚洲国产人成在线观看|
欧美网站在线观看|
亚洲视频一区二区三区四区|
粗大的内捧猛烈进出小视频|
嗯好湿用力的啊c进来动态图|
这里是九九伊人|
国产国产精品人在线视|
成人免费观看一区二区|
国产精品99久久久久久董美香|
337p色噜噜|
国产色视频一区二区三区QQ号|
99久久精品免费看国产|
天堂网在线www|
jux434被公每天侵犯的我|