仿淘宝首页商品分类列表效果

4星 · 超过85%的资源需积分: 46 29 下载量 111 浏览量 2011-11-09 14:46:31 上传评论收藏 8KB TXT 举报

温馨提示

试读

7页

仿淘宝的商品分类样式，效果实现，便于部分电子商务商品分类的实现，快速使用

资源推荐

资源详情

资源评论

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>仿淘宝首页商品分类列表效果 www.cssbbs.com </title>
<style type="text/css">
<!--
body {
font-size: 12px;
}
#shone1,#shtwo1 {
text-align: center;
padding: 9px;
}
.huixuxian {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
}
.huixuxian ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.huixuxian li {
padding-top: 2px;
padding-bottom: 2px;
margin-top: 2px;
margin-bottom: 2px;
background-color: #F3F3F3;

}
.huixuxian li.hover {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FF0000;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 2px;
margin-bottom: 2px;
border-top-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #FF0000;
border-left-color: #FF0000;
background-color: #FFFFFF;
}
#apDiv1,#apDiv4 {
position:absolute;
z-index:3;
visibility: hidden;
}
#apDiv3,#apDiv6 {
position:absolute;
z-index:2;
border: 2px solid #FF0000;
visibility: hidden;
background-color: #FFFFFF;
margin-top: 2px;
margin-left: 0px;

剩余6页未读，继续阅读

评论收藏

内容反馈

资源评论