这是一款jQuery图片翻转制作单排图片左右按钮控制图片翻转切换效果代码。

使用方法

在页面引入以下jquery-1.7.1.js、jquery.transform.js、script.js文件

<script src="lib/jquery-1.7.1.js"></script>
<script src='lib/jquery.transform.js'></script>
<script src='js/script.js'></script>

HTML结构

<div id="box">
    <ul>
        <li><img src="img/big1.jpg"></li>
        <li><img src="img/big2.jpg"></li>
        <li><img src="img/big3.jpg"></li>
        <li><img src="img/big4.jpg"></li>
    </ul>
    <div class="buts">
        <div class="left">&lt;</div>
        <div class="right">&gt;</div>
    </div>
</div>