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">&nbsp;</h3>
        </a>
        <a href="#">
            <h1>直杆淋浴</h1>
            <h2>SHOWER</h2>
            <img src="images/bannav_2.jpg" />
            <h3 class="time1">&nbsp;</h3>
        </a>
        <a href="#">
            <h1>浴室镜子</h1>
            <h2>MIRROR</h2>
            <img src="images/bannav_4.jpg" />
            <h3 class="time1">&nbsp;</h3>
        </a>
    </div>
</div>