特效描述:js 自适应屏幕 轮播滚动特效。js自适应屏幕轮播滚动特效
代码结构
1. 引入CSS
<link rel="stylesheet" type="text/css" href="CSS/css.css"> <link rel="stylesheet" type="text/css" href="CSS/css3.css">
2. 引入JS
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="js/why.js"></script>
3. HTML代码
<div id="banner"> <div class="banner"> <ul> <li><img src="images/banner_1.jpg" /></li> <li><img src="images/banner_2.jpg" /></li> <li><img src="images/banner_3.jpg" /></li> </ul> </div> <div class="bannNav"> <a href="#"> <h1>水龙头</h1> <h2>THE TAP</h2> <img src="images/bannav_2.jpg" /> <h3 class="time1"> </h3> </a> <a href="#"> <h1>直杆淋浴</h1> <h2>SHOWER</h2> <img src="images/bannav_2.jpg" /> <h3 class="time1"> </h3> </a> <a href="#"> <h1>浴室镜子</h1> <h2>MIRROR</h2> <img src="images/bannav_4.jpg" /> <h3 class="time1"> </h3> </a> </div> </div>