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和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>

标签响应式 js特效手拉风琴全屏图文特效

预览下载收藏分享