图片和标题html代码

<ul id="demo">
    <li>
        <img src="images/1.jpg" width="490"  height="319" />
        <div><a href="https://jy.tp.yuanmeng.life/js/734.html">PHP+jQuery+Flash制作捞宝箱效果</a></div>
    </li>
    <li>
        <img src="images/2.jpg" width="490"  height="319" />
        <div><a href="https://jy.tp.yuanmeng.life/js/735.html">PHP+jQuery+Flash老虎机抽奖演示下载</a></div>
    </li>
    <li>
        <img src="images/3.jpg" width="490"  height="319" />
        <div><a href="https://jy.tp.yuanmeng.life/js/736.html">layer演示5种通用的手机弹出层</a></div>
    </li>
    <li>
        <img src="images/4.jpg" width="490"  height="319" />
        <div><a href="https://jy.tp.yuanmeng.life/js/737.html">fullscreenForm问卷调查进度表单插件</a></div>
    </li>
    <li>
        <img src="images/5.jpg" width="490"  height="319" />
        <div><a href="https://jy.tp.yuanmeng.life/js/738.html">13种不同的页面Loading演示DEMO</a></div>
    </li>
</ul>

引入手风琴插件imgdemo.js

<script type="text/javascript" src="imgdemo.js"></script>

$(document).ready(function(e) {
    var opt = {
        "speed": "slow", //变换速度,三速度可选 slow,normal,fast;
        "by": "click", //触发事件,click或者mouseover;
        "auto": true, //是否自动播放;
        "sec": 3000	 		//自动播放间隔;
    };
    $("#demo").IMGDEMO(opt);
});

imgdemo手风琴相关API