仿神奇世界首页jquery手风琴广告轮播效果

仿神奇世界首页jquery手风琴广告轮播效果。兼容各大浏览器。

<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="js/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
    $('.kwicks').kwicks({
        max : 966,
        spacing : 0
    });
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.kwicks {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}
.kwicks li{
    width: 322px;
    height: 116px;
    display: block;
    overflow: hidden;
    padding: 0;
}
.kwicks.horizontal li {
    margin-right: 0px;
    float: left;
}
.kwicks.vertical  li{
    margin-bottom: 0px;
}
.kwicks.horizontal #kwick_4 {
    margin-right: none;
}
.kwicks.vertical #kwick_4 {
    margin-bottom: none;
}
#kwick_1 a:{ border:0px;}
</style>

    <ul class="kwicks horizontal" style="margin:0 auto">
        <li id="kwick_1">
            <a href="http://www.5imoban.net/" target="_blank" title="我爱模版仿神奇世界首页jquery手风琴广告轮播效果">
            <img src="Images/a0404.jpg" width="966" height="116" alt="我爱模版仿神奇世界首页jquery手风琴广告轮播效果" border="0" />
            </a>
        </li>
        <li id="kwick_2">
            <a href="http://www.5imoban.net" target="_blank" title="我爱模版仿神奇世界首页jquery手风琴广告轮播效果">
            <img src="Images/a0202.jpg" width="966" height="116" alt="我爱模版仿神奇世界首页jquery手风琴广告轮播效果" border="0" />
            </a>
        </li>
        <li id="kwick_3">
            <a href="http://www.5imoban.net" target="_blank" title="我爱模版仿神奇世界首页jquery手风琴广告轮播效果">
            <img src="Images/a0303.jpg" width="966" height="116" alt="我爱模版仿神奇世界首页jquery手风琴广告轮播效果" border="0" />
            </a>
        </li>
    </ul>

$('.kwicks').kwicks({
    max : 966,
    spacing : 0
});