极简单JS轮播图特效
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>轮播图</title> 6 <style> 7 * { 8 margin: 0; 9 padding: 0; 10 } 11 12 .banner { 13 width: 100%; 14 height: 450px; 15 background: #999; 16 position: relative; 17 } 18 19 .cont { 20 width: 100%; 21 height: 100%; 22 line-height: 450px; 23 text-align: center; 24 display: none; 25 color: #f00; 26 } 27 28 .tip { 29 width: 120px; 30 bottom: 50px; 31 left: 50%; 32 margin-left: -60px; 33 position: absolute; 34 } 35 36 .tip ul { 37 width: 120px; 38 margin: 0 auto; 39 text-align: center; 40 } 41 42 .tip ul li { 43 margin: 0; 44