首页 > 特效插件 > 滚动轮播 >  半透明滑动效果的jquery手风琴图片轮播代码正文

半透明滑动效果的jquery手风琴图片轮播代码

特效介绍
手风琴效果jquery代码
半透明滑动效果的jquery手风琴图片轮播代码,完美兼容IE6。
使用方法
1、在头部引入下面的代码
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/slider.js"></script>
<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
2、在banner幻灯区域引入下面的代码:
<div id="center">
    <div id="slider">
        <div class="slide">
            <a href="http://www.5imoban.net/" title="模板网" alt="模板网" target="_blank">
            <img class="diapo" src="images/yuanyang_big.jpg"></a>
            <div class="text">
            </div>
        </div>
        <div class="slide">
            <a href="http://www.5imoban.net/" title="模板网" alt="模板网" target="_blank">
            <img class="diapo" src="images/dijing_big.jpg"></a>
            <div class="text">
            </div>
        </div>
        <div class="slide">
            <a href="http://www.5imoban.net/" title="模板网" alt="模板网" target="_blank">
            <img class="diapo" src="images/jinmaofu_big.jpg"></a>
            <div class="text">
            </div>
        </div>
        <div class="slide" id="mainimg">
            <a href="http://www.5imoban.net/" title="模板网" alt="模板网" target="_blank">
            <img class="diapo" src="images/shimao_big.jpg"></a>
            <div class="text">
            </div>
        </div>
        <div class="slide">
            <a href="http://www.5imoban.net/" title="模板网" alt="模板网" target="_blank">
            <img class="diapo" src="images/yuanyang_big.jpg"></a>
            <div class="text">
            </div>
        </div>
        <div class="slide">
            <a href="http://www.5imoban.net/" title="模板网" alt="模板网" target="_blank">
            <img class="diapo" src="images/dijing_big.jpg"></a>
            <div class="text">
            </div>
        </div>
        <div class="slide">
            <a href="http://www.5imoban.net/" title="模板网" alt="模板网" target="_blank">
            <img class="diapo" src="images/jinke_big.jpg"></a>
            <div class="text">
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
slider.init();
document.getelementbyid("mainimg").onmouseover();
</script>