添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

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开始-->......<!--效果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>
相关特效
  • CSS3鼠标悬停图片动画显示简介特效

    CSS3鼠标悬停图片动画显示简介特效

    一款CSS3鼠标悬停图片动画显示简介特效下载,该CSS3特效基于transform、scale3d实现的鼠标滑过图片动画放大、渐变出现文字描述图文特效。……
    2016-05-22
  • jQuery制作多图相册框里的图片随鼠标移动预览特效

    jQuery制作多图相册框里的图片随鼠标移动预览特效

    一款jQuery制作多图相册框里的图片随鼠标移动预览特效,带左右按钮切换上一张、下一张图片,随鼠标上下移动预览图片特效免费下载。……
    2016-05-22
  • jQuery九宫格图片拉伸变大图文相册特效

    jQuery九宫格图片拉伸变大图文相册特效

    一款jQuery九宫格图片拉伸变大图文相册特效下载,该JS图片特效是一款鼠标经过图片滑动手风琴放大图片切换JS代码。……
    2016-05-22
  • jquery.quickflip.js制作图片翻转翻牌特效插件

    jquery.quickflip.js制作图片翻转翻牌特效插件

    一款jquery.quickflip.js制作图片翻转翻牌特效插件网页特效,点击图片实现动画翻转切换效果,类似CSS3属性transform实现翻转,兼容IE7等低端浏览器。……
    2016-05-22
  • jQuery图片图像对比插件coveringBad.js特效Demo

    jQuery图片图像对比插件coveringBad.js特效Demo

    一款jQuery图片图像对比查看差异coveringBad.js网页特效插件,通过鼠标拖拽按钮查看当前图像与背景图像差异jQuery插件,婚纱摄影网站建设图片对比插件。……
    2016-05-22
  • jqbar.js制作柱状动画进度条百分比特效

    jqbar.js制作柱状动画进度条百分比特效

    jqbar.js制作柱状动画进度条百分比网页特效下载,该jQuery插件代码是一款基于jqbar.js实现的柱状图动态显示进度条特效、可以设置横向、纵向柱状图展示。……
    2016-05-22
  • HTML5-canvas商品360度旋转展示网页效果

    HTML5-canvas商品360度旋转展示网页效果

    一款HTML5-canvas商品360度旋转展示网页效果下载,该HTML5商品图片360度旋转浏览效果、全视角查看效果。……
    2015-12-15
  • 移动端整屏切换带判断横屏/竖屏状态JS代码

    移动端整屏切换带判断横屏/竖屏状态JS代码

    一款移动端整屏切换带判断横屏/竖屏状态JS代码网页特效,该JS代码带Loading加载动画,且判断设备屏幕横屏还是竖屏状态,鼠标拖动响应式全屏切换网页框架代码。……
    2015-12-09
  • jQuery鼠标悬停显示详细信息动画弹出层

    jQuery鼠标悬停显示详细信息动画弹出层

    一款jQuery鼠标悬停显示详细信息动画弹出层网页特效,随鼠标滑入滑出方向显示产品详细信息弹出层JS特效代码、产品图片展示型网站建设特效代码。……
    2015-10-10
  • 15款CSS3鼠标悬停图片动画过渡特效

    15款CSS3鼠标悬停图片动画过渡特效

    15款CSS3鼠标悬停图片动画过渡网页特效下载,该CSS3特效是鼠标滑过/鼠标悬停图片弹出文字层动画效果,包括滚动动画、旋转动画、放大/缩小动画、渐变切换动画、响应式网站制作必备代码素材……
    2015-09-27



最新更新特效

设计分享