投稿 搜索

热搜词

热门文章

当前位置: 站长天下 / 幻灯片轮番图 / jQuery单排图片翻转切换代码
jQuery单排图片翻转切换代码
标签:

插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2018-05-18
    阅读:

jQuery单排图片翻转切换代码

简要教程

这是一款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>