轮播图样式
来源:互联网 发布:序列数据挖掘 编辑:程序博客网 时间: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
- 轮播图样式
- 用 Silverlight 饼图样式
- 水晶报表的条形图样式(附图)
- Silverlight Chart(五) ----饼图样式
- 如图样式,鼠标经过或者点击显示以下样式
- MindManager导图美化——导图样式
- 仿 Nice 首页图片列表 9 图样式 (iOS)
- [BZOJ4770]图样
- BZOJ4770 图样
- [bzoj4770]图样
- 轮播
- 轮播
- 轮播
- 轮播
- 轮播
- 轮播
- 轮播
- 轮播
- 读书笔记《测试驱动开发》一
- hibernate 一级缓存、一级缓存快照区、二级缓存
- 【Spring】Bean的作用域
- 域搜云平台
- Linux配置yum本地源和Java
- 轮播图样式
- 有参数函数的调用举例
- 车道线分割效果对比
- 关于Framework,Library,MVC的区别,或者说到底是什么!
- Goroutine + Channel 实践
- 半闲居士视觉SLAM十四讲笔记(4)李群与李代数
- 改进单链表中首结点相关操作注意点
- IO体系与乱码
- vue-cli 脚手架