用CSS做滑動效果的圖片畫廊
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>
返回列表
返回首頁
主站蜘蛛池模板:
波多野结衣视频在线免费观看|
国产的一级毛片完整|
啊灬啊别停灬用力啊公视频|
99视频精品全部在线播放|
精品四虎免费观看国产高清午夜
|
全部免费a级毛片|
www.亚洲成在线|
成人免费看吃奶视频网站|
亚洲无码在线播放|
老师办公室被吃奶好爽在线观看|
国产麻豆一精品一av一免费|
久久久久久久99精品免费观看|
污黄视频在线看|
国产一区二区高清|
67194线路1(点击进入)|
把腿抬起来就可以吃到扇贝了|
亚洲成年人电影网站|
真实国产乱视频国语|
国产在线视频专区|
99国产精品久久久久久久成人热
|
51影院成人影院|
国产超碰人人爽人人做|
中文字幕在线电影|
欧美性猛交xx免费看|
午夜不卡av免费|
黄页网站在线播放|
在地铁车上弄到高c了|
久久99精品一久久久久久|
欧美日韩在线国产|
农村老熟妇乱子伦视频|
99re6在线|
国精产品wnw2544a|
中日韩精品视频在线观看|
欧美国产激情18|
免费的一级毛片|
视频二区调教中字知名国产|
国产精品自在线拍国产手青青机版|
两个小孩一起差差|
日韩深夜福利视频|
亚洲欧美一区二区三区图片|
经典国产一级毛片|