www.gusucode.com > 淘宝双11左右滚动焦点图轮播特效源码程序 > 淘宝双11左右滚动焦点图轮播特效/jquery焦点图内嵌幻灯片图片切换效果/jquery焦点图内嵌幻灯片图片切换效果/css/css.css
@charset "utf-8"; /*Download by http://www.srcfans.com*/ * { margin:0; padding:0; } body { font-size:12px; color:#222; font-family:Verdana, Arial, Helvetica, sans-serif; background:#f0f0f0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom:1; } ul, li { list-style:none; } img { border:0; } .wrapper { width:600px; margin:0 auto; padding-bottom:50px; } .ad { width:468px; margin:10px auto 0; } .ad li { padding-top:5px; } h1 { height:50px; line-height:50px; font-size:22px; font-weight:normal; font-family:"Microsoft YaHei", SimHei; } .shuoming { margin-top:20px; border:1px solid #ccc; padding-bottom:10px; } .shuoming dt { height:30px; line-height:30px; font-weight:bold; text-indent:10px; } .shuoming dd { line-height:20px; padding:5px 20px; } .wrapper { width:780px; } /* tmall focus */ #focus { width:780px; height:380px; overflow:hidden; position:relative; } #focus ul { height:380px; position:absolute; } #focus ul li { float:left; width:780px; height:380px; overflow:hidden; position:relative; background:#000; } #focus ul li div { position:absolute; overflow:hidden; } #focus .btnBg { position:absolute; width:780px; height:40px; left:0; bottom:0; background:#000; } #focus .btn { position:absolute; width:770px; height:24px; left:0; bottom:8px; padding-left:10px; } #focus .btn span { display:inline-block; _display:inline; _zoom:1; width:24px; height:24px; line-height:24px; text-align:center; font-size:20px; font-family:"Microsoft YaHei", SimHei; margin-right:10px; cursor:pointer; color:#fff; } #focus .btn span.on { background:#000; color:#fcc; }