jQuery弹出窗口插件"LeanModal.js"的使用
来源:互联网 发布:oppor9怎么备份数据 编辑:程序博客网 时间:2024/05/19 10:09
参考网址:
针对弹出窗口触发
是窗口:
http://leanmodal.finelysliced.com.au/
LeanModal.js下载地址:
http://leanmodal.finelysliced.com.au/leanModal.v1.1.zip
使用方法:
下载后在html中载入JS:
<script type="text/javascript" src="域名/jquery.leanModal.min.js"></script>
网页遮罩部分CSS:
#lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none;}
弹出窗口先要隐藏:
#singup{display:none;}
针对弹出窗口触发
1.第一种
$("#trigger_id").leanModal({ top : 200, overlay : 0.4, closeButton: ".modal_close" });
“.modal_close”的意思是关闭按钮
例如:
<li class="sb4" ><a href="#signup" rel="leanModal"> </a><p>射频科技</p></li
<div id="signup" > 弹出窗口内容区域</div>
是窗口:
2.第二种
$("a[rel*=leanModal]").leanModal();2.第三种
$("#trigger_id").leanModal();
0 0
- jQuery弹出窗口插件"LeanModal.js"的使用
- jQuery弹出窗口插件LeanModal的使用方法
- [转]jQuery轻量级模态窗口插件 - leanModal
- jQuery弹出窗口插件
- jQuery插件---轻量级的弹出窗口wBox
- 实用的 jquery 弹出窗口 插件winbox
- jQuery的弹出窗口插件colorbox
- jQuery的弹出窗口插件colorbox
- jQuery插件(右下角弹出窗口)
- jQuery弹出窗口插件colorbox
- jQuery ColorBox弹出窗口插件
- 使用Jquery仿模态对话框插件Remodal实现弹出响应窗口
- DIY的JS弹出层弹出对话框弹出页面弹出窗口的插件
- 一个类似QQ弹出窗口的JQUERY插件
- Js的弹出窗口
- 弹出窗口的js
- 使用jQuery制作弹出窗口
- 推荐jQuery弹出窗口插件特效AsyncBox
- camera Motion Blur动态模糊
- java中equals()方法和“==”运算符
- 使用cognos8.4遇到的问题1
- cocos2d-x分辨率自适应
- nginx + tomcat 实现负载均衡配置 nginx.conf配置
- jQuery弹出窗口插件"LeanModal.js"的使用
- u-boot logo全屏显示
- 新的开始,启程了
- UICollectionView介绍
- 关于linux装载器(如何解决应用程序跑不起来not found等问题)
- Tomcat 使用
- color correction色彩校正
- DB2异库(异机)重定向恢复步骤
- Perl——哈希的创建和引用