效果图:
演示地址:http://jsfiddle.net/Web_Code/q5qfd8aL/embedded/result/
代码:
1:
2:
3:
4:
5:图片轮播的焦点
6:
7: .div
8: { 9: width: 240px;
10: position: absolute;
11: }
12: ul
13: { 14: list-style: none;
15: margin-left: -50px;
16: }
17: ul li
18: { 19: width: 50px;
20: height: 50px;
21: margin-left: 10px;
22: float: left;
23: border: 1px solid #ccc;
24: background-color: #ccc;
25: border-radius:25px;
26: text-align: center;
27: }
28: li:hover
29: { 30: background-color: red;
31: }
32: span
33: { 34: font-size: 30px;
35: line-height: 50px;
36: }
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
Copyright © 2019- shuicheng.net 版权所有
违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务