jQuery汽车细节描述图片特效代码

时间：2015-03-02 来源：互联网

特效说明：

一款jQuery汽车细节描述图片特效代码下载，该特效代码是鼠标移动到图片显示半透明区块，点击相应的区块即可显示出产品细节描述。请用支持HTML5+CSS3主流浏览器预览效果。（兼容测试：FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器）

使用方法：

1、调用CSS样式：
<link rel="stylesheet" type="text/css" href="css/style.css" />

2、调用JS插件代码：
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>

3、添加HTML代码：
将......之间的html和js代码；放在<body></body>之间。

4、JS初始化代码：
<script type="text/javascript">
    $(function() {
        $('#carousel').carouFredSel({
            circular: false,
            items: 1,
            direction: 'up',
            auto: false,
            prev: {
                fx: 'uncover-fade'
            },
            next: {
                fx: 'cover-fade'
            }
        });
        $('#carousel').trigger( 'linkAnchors', [ '#carousel', 'a' ] );
    });
</script>

标签图片特效 jQuery特效 js代码鼠标点击细节描述

预览收藏分享评论