轮播图样式

来源:互联网 发布:序列数据挖掘 编辑:程序博客网 时间:2024/04/29 19:41
   /*网站导航样式*/   #Logo{width:100%;height:50px;background:#000;}   #Logo ul{width:1200px;height:50px;margin:0px auto;position:relative;}   #Logo ul li{height:50px;list-style:none;list-style-type:none;text-align:center;line-height:50px;float:left;              font-size:14px;font-family:" 微软雅黑";color:#ffffff;}   #Logo ul li a{text-decoration:none;color:#ffffff;display:block;padding:0px 30px;z-index:4;position:relative;float:left;}   #Logo ul li.first{width:190px;background:#f42760;}   #Logo ul li.first font.iconfont{font-family:"iconfont" !important;font-size:18px;color:#fff;margin-right:10px;}   #Logo ul li.last{width:100px;height:50px;background:#f42760;position:absolute;left:190px;z-index:3;display:none;}   .gd{position:fixed;top:0px;left:0px;z-index:444;}   #Logo ul li a.cur{background-color:#f42f76;}   /*轮播图样式*/   #part1{width:100%;height:419px;background:url("images/timeGo.png")}   #part1 .partCon{width:1200px;height:419px;margin:0px auto;}   #part1 .partCon .flash{width:820px;height:419px;float:right;position:relative;}   #part1 .partCon .flash a{width:71px;height:71px;display:block;position:absolute;top:180px;z-index:333;display:none;}   #part1 .partCon .flash .flash_prev{left:-35px;background:url("images/but.png") 71px 0px;}   #part1 .partCon .flash .flash_next{right:-35px;background:url("images/but.png") 71px -71px;}   #part1 .partCon .flash .flash_prev:hover{background:url("images/but.png") 0px 0px; }   #part1 .partCon .flash .flash_next:hover{background:url("images/but.png") 0px -71px; }   #part1 .partCon .flash .scroll{width:820px;height:419px;position:relative;overflow:hidden;}    #part1 .partCon .flash .scroll img{position:absolute;left:820px;}   #part1 .partCon .flash .But{width:150px;height:20px;background:rgba(0,0,0,0.5);position:absolute;left:340px;bottom:10px;border-radius:20px;text-align:center;}   #part1 .partCon .flash .But span{width:10px;height:10px;display:inline-block;background:#666;border-radius:5px;}   #part1 .partCon .flash .But span.hover{background:#ff0099;}

0 0