[jQuery插件] fancyBox:适合移动端以及PC端的弹层+照片浏览插件
来源:互联网 发布:outlook windows 安全 编辑:程序博客网 时间:2024/06/11 15:47
非常好用的弹层显示插件,官网地址:http://www.fancyapps.com/fancybox/
源码下载:https://github.com/fancyapps/fancyBox
使用说明:
一、引入必要的文件
<link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css"><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script src="js/jquery.fancybox.pack.js"></script>
二、写上启动代码
<script> $(document).ready(function() { $('.fancybox').fancybox(); });</script>
三、在需要调用的位置写上样式以及对应的链接地址,适用于图片、隐藏层、内嵌iframe等
//Ajax:<a href="/example.html" class="fancybox fancybox.ajax">Example</a>//or<a href="/example.html" class="fancybox" data-fancybox-type="ajax">Example</a>//Iframe:<a href="example.html" class="fancybox fancybox.iframe">Example</a>//Inline (will display an element with `id="example"`)<a href="#example" class="fancybox">Example</a>//SWF:<a href="example.swf" class="fancybox">Example</a>//Image:<a class="fancybox" rel="group" href="big_image_1.jpg"><img src="small_image_1.jpg" alt="" /></a>
0 0
- [jQuery插件] fancyBox:适合移动端以及PC端的弹层+照片浏览插件
- jquery fancybox 弹层插件
- fancybox 是一款优秀的 jquery 弹出层展示插件
- Jquery之弹出层插件FancyBox
- jquery插件:fancybox
- jQuery Fancybox插件介绍
- jquery fancybox插件
- jquery的图片播放插件Fancybox
- FancyBox - 经典的 jQuery Lightbox 插件
- JQuery插件fancybox解决无法在弹出层使用左右键的问题
- 带回调函数的Canvas刮奖刮刮卡JQuery插件,支持移动端PC端
- 【推荐】jquery幻灯片插件fancybox
- jquery 插件 jParallax 和fancyBox
- jquery-fancybox查看大图插件
- jQuery适合移动设备触摸屏的响应式幻灯片插件
- 适合移动设备的jQuery滑动按钮插件
- jQuery适合移动设备触摸屏的响应式幻灯片插件
- 适合移动设备的小巧jQuery颜色拾取器插件
- jquery的blur之后,focus获取不到焦点。
- iOS 9 关于http 改成https 协议
- struts2学习笔记之拦截器(Interceptor)
- plist文件
- SqlServer 取得行号且保持数据的原序列【分组定义序号】
- [jQuery插件] fancyBox:适合移动端以及PC端的弹层+照片浏览插件
- cloudera manager 5.3完整卸载脚本
- Log4j日志管理系统简单使用说明
- 使用BASIC语言控制ESP8266
- iOS的沙盒机制
- iOS中传值方式
- #征文再续#Android基于XMPP Smack Openfire开发IM即时聊天(二)
- 网络爬虫~【转】
- Javascript学习笔记【第三章】2