html做相册浏览,ul结合CSS制作网页相册滑动浏览效果

别开生面纯CSS实现相册预览 ximicc.com

body{

font-size:12px;

color: #CC0000;

}

p {

background-color: #F1FAFE;

}

#gallery {

width:495px;

height:240px;

border: 1px solid #888;

margin:0 auto;

padding:0;

list-style:none;

background:#fff url(/files/080628/1_133958.gif);

}

#gallery li {

float: left;

}

#gallery li a {

display: block;

width: 28px;

height: 240px;

border-right: #fff 1px solid;

overflow: hidden;

cursor: default;

}

#gallery li a img {

border:0;

}

#gallery li a:hover {

width: 320px;

}

#gallery2 {

margin:0 auto;

padding:0;

list-style-type:none;

overflow:hidden;

width:572px;

height:238px;

border:1px solid #000;

background:#fff url(/files/080628/1_134055.gif);

}

#gallery2 li {

float:left;

}

#gallery2 li a {

display:block;

height:30px;

width:572px;

float:left;

overflow: hidden;

text-decoration:none;

border-bottom:1px solid #000;

cursor:default;

}

#gallery2 li a img {

border:0;

}

#gallery2 li a:hover {

background:#eee;

height:144px;

}

#gallery2 li a:hover img {

height:144px;

}

-->

原文地址：Sliding Photograph Galleries

翻译整理：西米CC www.ximicc.com

[Ctrl A 全部选择提示：你可先修改部分代码，再按运行]

html做相册浏览,ul结合CSS制作网页相册滑动浏览效果相关推荐

html图片滚动浏览,ul结合CSS制作网页相册滑动浏览效果
别开生面纯CSS实现相册预览 ximicc.com body{ font-size:12px; color: #CC0000; } p { background-color: #F1FAFE; } # ...
html相册浏览页面怎么做,ul结合CSS制作网页相册滑动浏览效果
ul结合CSS制作网页相册滑动浏览效果互联网发布时间:2008-10-17 19:25:02 作者:佚名我要评论英文原文:Sliding Photograph Galleries ...
做网页很实用代码集合和CSS制作网页小技巧整理
做网页很实用代码集合控制横向和纵向滚动条的显隐?<body style="overflow-y:hidden"> 去掉x轴 <body style=" ...
html css 制作网站,HTML/CSS制作网页
HTML/CSS代码练习要求效果图 polo360.jpg 用ps裁剪提取要用的图片 3.png html代码 polo360练习 HOME Back to home PRODUCTS What w ...
html css做网页总结,学习CSS制作网页总结的一些经验
学习CSS制作网页总结的一些经验互联网发布时间:2008-10-17 19:28:20 作者:佚名我要评论让你使用DIV CSS排版不是让你用换个标签然后再去按照表格的方式去排版 ...
利用html制作网页的小结,HTML_CSS制作网页的一些经验分享，CSS制作网页总结的一些经验 1: - phpStudy...
CSS制作网页的一些经验分享 CSS制作网页总结的一些经验 1: ID用于标识页面单独元素以及持久行的结构性元素方便JS的调用类用于标识同一页面可重复定义使用的结构性元素 ID与类的命名需与表现形 ...
html文本框如何做出立体效果,CSS教程:网页input输入框立体效果
CSS教程:网页input输入框立体效果互联网发布时间:2009-04-02 19:34:50 作者:佚名我要评论网页制作Webjx文章简介:去年常常玩开心网,耗在上面的时间也不少 ...
使用HTML+CSS实现网页loading加载效果，支持定时或加载完成后隐藏
网页使用loading可以给用户带来更好的体验,避免网页渲染中长时间出现网页整体空白从而影响访客的体验,loading在部分大型APP也有在应用. 下面使用HTML+CSS+JS实现完整的Loadin ...
纯CSS制作3D旋转风车动画效果
效果图展示 HTML源码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"&g ...

html做相册浏览,ul结合CSS制作网页相册滑动浏览效果

html做相册浏览,ul结合CSS制作网页相册滑动浏览效果相关推荐

最新文章

热门文章