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

CSS3响应式手拉风琴图文展示

时间:2015-02-22      来源:互联网     
特效说明:
一款CSS3响应式手拉风琴图文展示网页特效免费下载,动画进入场景,自适应屏幕宽度手拉风琴JS特效代码。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/aaAccordion.css" media="screen">

2、调用JS插件代码:
<script src="js/jquery.js"></script>
<script src="js/aaAccordion.class.js"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、JS初始代码:
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#firstAcc').aaAccordion({
        animationSpeed: 350,
        easing: 'easeOutQuad',
        startWidth: 500,
        margin: 0,
        firstOpen: 1,
        startAfter: 1300,
        itemWidth: 500,
        itemHeight: 500,
        firstOpen: 1,
        hoverGray: true,
        keyBrowse: true,
        pauseOnHover: true,
        autoplay: true, // autoplay easing
        autoplaySpeed: 3000 // autoplay interval speed
    });
});
</script>
相关特效
  • jQuery带左侧缩略图响应式图文相册

    jQuery带左侧缩略图响应式图文相册

    一款jQuery带左侧缩略图响应式图文相册源码下载,该图文相册特效是一款基于jQuery以及jssor.slider.js插件编写的PC+手机响应式图片轮播图片特效。……
    2018-04-04
  • 响应式拖拽滑动带缩略图相册特效

    响应式拖拽滑动带缩略图相册特效

    一款响应式拖拽滑动带缩略图相册特效JS代码下载,这是一款基于jssor.slider.js的炫酷jquery焦点图相册特效。底部带有缩略图,点击左右按钮或者滑动切换上一张下一张图片特效。……
    2018-04-04
  • HTML5+CSS3响应式酷炫图片封面动画展示特效

    HTML5+CSS3响应式酷炫图片封面动画展示特效

    一款HTML5+CSS3酷炫图片封面动画展示特效下载,该特效基于HTML5+CSS3实现,根据不同的样式显示动画效果。适用于响应式网站制作。……
    2016-12-01
  • jQuery响应式层叠动画切换内容网页特效

    jQuery响应式层叠动画切换内容网页特效

    一款jQuery响应式层叠动画切换内容网页特效免费下载,该特效基于jquery.transit.js实现,支持PC、PAD、Phone设备浏览,兼容CSS3动画切换效果。……
    2016-11-14
  • jQuery响应式网格列表变化左右滑动焦点图特效

    jQuery响应式网格列表变化左右滑动焦点图特效

    一款jQuery响应式网格列表变化左右滑动焦点图特效下载,该特效基于Bootstrap框架制作,是一款可以将指定的网格内容扩展为旋转木马效果,通过左右按钮切换播放。……
    2016-08-16
  • SVG酷炫响应式图片翻页切换特效

    SVG酷炫响应式图片翻页切换特效

    一款酷炫响应式图片翻页切换特效源码下载、该特效基于HTML5+SVG制作,兼容PC端、Pad端、移动端图文相册展示。……
    2016-08-16
  • HTML5响应式全屏宽度幻灯片特效

    HTML5响应式全屏宽度幻灯片特效

    一款HTML5响应式全屏宽度幻灯片特效免费下载,该HTML5图片特效是一款可以根据屏幕的大小自动调整幻灯片的宽度,幻灯片宽度始终占据整个屏幕的宽度。……
    2016-06-28
  • HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版下载,该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。……
    2016-06-28
  • 15款CSS3实现移动端App动画导航菜单代码

    15款CSS3实现移动端App动画导航菜单代码

    15款CSS3实现移动端App动画导航菜单代码源码下载,该CSS3+animation效果是一款使用CSS3-animation动画来制作,这些动画均由线条和文字组成,效果非常炫酷。……
    2016-06-25
  • xGallerify-响应式jQuery图片画廊插件

    xGallerify-响应式jQuery图片画廊插件

    xGallerify是一款轻量级响应式jQuery图片画廊插件,该图片特效插件会根据图片的尺寸智能生成网格布局,并且可以动态的添加图片。它具有响应式,易于实现等特点。……
    2016-06-24

最新更新特效

设计分享