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

3D立体旋转带触屏切换图片特效焦点图

时间:2015-08-03      来源:互联网     
特效说明:
一款3D立体旋转带触屏切换图片特效焦点图下载,该JS触屏图片切换代码是一款基于jquery.gallery.js插件实现的手机触屏幻灯片切换特效。鼠标点击两端图片、或鼠标拖拽中间图片3D旋转切换代码。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link href="style/basic.css" rel="stylesheet" type="text/css">
<link href="style/hot.css" rel="stylesheet" type="text/css">

2、调用JS插件代码:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/modernizr.custom.53451.js"></script>
<script type="text/javascript" src="js/jquery.gallery.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.3.2.min.js"></script>

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

4、JS代码:
<script type="text/javascript">
    $(function () {
        $('#dgContainer').gallery({
            autoplay: true,
            interval: 3000
        });
    });
</script>
相关特效

最新更新特效

设计分享