你的分享就是我们的动力 ---﹥

ImageTransitions多种切换效果的幻灯片

时间:2013-05-14 16:10来源:www.chengxuyuans.com 点击:
mageTransitions预览图

Untitled-2

使用步骤

1、引入以下的js和css文件

<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style1.css" />
<script type="text/javascript" src="js/modernizr.custom.70748.js"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.transitions.js"></script>

2、在body标签中加入以下格式的html代码

<div id="te-wrapper" class="te-wrapper">
    <div class="te-images">
        <img src="images/1.jpg"/>
        <img src="images/2.jpg"/>
        <img src="images/3.jpg"/>
        <img src="images/4.jpg"/>
        <img src="images/5.jpg"/>
    </div>
    <div class="te-cover">
        <img src="images/1.jpg"/>
    </div>
    <div class="te-transition">
        <div class="te-card">
            <div class="te-front"></div>
            <div class="te-back"></div>
        </div>
    </div>
</div>

 

ImageTransitions下载地址

网盘下载:http://pan.baidu.com/share/link?shareid=210930&uk=2166814920

转载注明地址:http://www.chengxuyuans.com/jquery_plugin/ImageTransitions.html