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

jQuery+html5触屏手机移动端焦点图特效

时间:2014-12-21      来源:互联网     
特效说明:
一款jQuery+html5触屏手机移动端焦点图特效,可点击左右按钮平滑切换图片;可触屏或鼠标拖动左右平滑切换焦点图相册特效。移动端、手机触屏JS焦点图代码免费下载。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/lightGallery.css" />

2、调用JS插件代码:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/lightGallery.min.js"></script>

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

4、初始化JS代码:
<script type="text/javascript">
$(document).ready(function() {
    $("#auto-loop").lightGallery({
        loop:true,
        auto:true,
        pause:4000
    });
});
</script>
相关特效



最新更新特效

设计分享