IMGDEMO带标题并自动播放的手风琴效果

本demo中的手风琴效果是最常用的，带触发事件、标题、自动播放、而且还带透明度效果。

淘建站为您提供更多_图片代码_手风琴_手风琴_自动播放，在此特别感谢您对我们的支持与厚爱！

图片和标题html代码

<ul id="demo">
    <li>
        <img src="images/1.jpg" width="490"  height="319" />
        <div><a href="http://www.sucaiq.com/js/734.html">PHP+jQuery+Flash制作捞宝箱效果</a></div>
    </li>
    <li>
        <img src="images/2.jpg" width="490"  height="319" />
        <div><a href="http://www.sucaiq.com/js/735.html">PHP+jQuery+Flash老虎机抽奖演示下载</a></div>
    </li>
    <li>
        <img src="images/3.jpg" width="490"  height="319" />
        <div><a href="http://www.sucaiq.com/js/736.html">layer演示5种通用的手机弹出层</a></div>
    </li>
    <li>
        <img src="images/4.jpg" width="490"  height="319" />
        <div><a href="http://www.sucaiq.com/js/737.html">fullscreenForm问卷调查进度表单插件</a></div>
    </li>
    <li>
        <img src="images/5.jpg" width="490"  height="319" />
        <div><a href="http://www.sucaiq.com/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