利用jquery实现3D旋转展示幻灯片



36 142 48



特效描述:利用jquery实现 3D旋转 展示幻灯片,利用jquery实现3D旋转展示

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/featureCarousel.css" charset="utf-8" />

2. 引入JS

<script src="js/jquery-1.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.featureCarousel.js" type="text/javascript" charset="utf-8"></script>

3. HTML代码

        <div id="featureCarousel">
            <div class="feature">
                <a href="http://51qianduan.com/"><img alt="Image Caption" src="images/testImage1.jpg"></a>
                <div>
                    <p>
                        This is some information that can go along with an image.
                        Anything can be placed here, including images.
                    </p>
                </div>
            </div>
            <div class="feature">
                <a href="http://51qianduan.com/"><img alt="Image Caption" src="images/testImage2.jpg"></a>
                <div>
                    <p>
                        This is some information that can go along with an image.
                        Anything can be placed here, including images.
                    </p>
                </div>
            </div>
            <div class="feature">
                <a href="http://51qianduan.com/"><img alt="Image Caption" src="images/testImage3.jpg"></a>
                <div>
                    <p>
                        This is some information that can go along with an image.
                        Anything can be placed here, including images.
                    </p>
                </div>
            </div>
            <div class="feature">
                <a href="http://51qianduan.com/"><img alt="Image Caption" src="images/testImage4.jpg"></a>
                <div>
                    <p>
                        This is some information that can go along with an image.
                        Anything can be placed here, including images.
                    </p>
                </div>
            </div>
            <div class="feature">
                <a href="http://51qianduan.com/"><img alt="Image Caption" src="images/testImage5.jpg"></a>
                <div>
                    <p>
                        This is some information that can go along with an image.
                        Anything can be placed here, including images.
                    </p>
                </div>
            </div>
        </div>
<div style="text-align:center;clear:both">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 导航切换 图片切换 文字切换 背景切换 手风琴 选项卡自动切换 视频切换 列表切换 渐隐切换 全屏切换 切换按钮 缩放切换 滚动切换 滑动选项卡切换 选项卡切换 滑动手风琴

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到