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

5屏大气jQuery滑动门焦点图特效

时间:2015-01-21      来源:互联网     
特效说明:
5屏大气jQuery滑动门焦点图网页特效,手拉风琴动画切换焦点图特效,可设置自动切换。(兼容测试:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link href="css/liteaccordion.css" rel="stylesheet" />

2、调用JS插件代码:
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/liteaccordion.jquery.js"></script>

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

4、初始化JS代码:
<script>
    $(document).ready(function(){
        $('#js_version').liteAccordion({
            theme : 'dark',
            rounded : true,
            enumerateSlides : true,
            firstSlide : 1,
            linkable : true,
            easing: 'easeInOutSine'
        });
    });
</script>
相关特效

最新更新特效

设计分享