移动web：图片切换(焦点图)

　　在web页面上图片切换（焦点图）效果实在是太常见了，PC端、移动端到处都有它的身影。

　　上次写了个tab选项卡的效果，在这里延续一下，改成图片切换的效果。

　　如果不需要自动播放，稍微修改下html标签、和css样式，tab选项卡JS里动画持续时间、去掉点击切换事件部分就可以了。

　　html

<div class="mslide" id="slide">
        <ul class="mcontent">
            <li><a href="#a1"><img src="images/01.jpg" /></a></li>
            <li><a href="#a2"><img src="images/02.jpg" /></a></li>
            <li><a href="#a3"><img src="images/03.jpg" /></a></li>
            <li><a href="#a4"><img src="images/04.jpg" /></a></li>
        </ul>
        <ul class="mhead">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
    </div><!-- End mslide -->

View Code