pop是一个简单的jQuery插件,不仅功能简单,使用简单,体积也非常小,只有4K,用于制作弹出框效果,引用官网的话来说就是不用多说废话,简单,还是简单,效果图如下:

使用说明
需要使用jQuery库文件和pop库文件
需要自定义POP弹出框的CSS样式[具体可查看实例源程序包下的pop.css文件]
使用实例
一,包含文件部分
- <script language="javascript" src="jquery.js" type="text/javascript"></script>
- <script language="javascript" src="jquery.pop.js" type="text/javascript"></script>
- <link href="pop.css" media="all" rel="stylesheet" type="text/css"/>
二,HTML部分
- <div class='pop'>
- <p>必优博客pop演示</p>
- <p>图片,链接等任何你需要显示的元素</p>
- <p>一个页面可存在多个pop</p>
- <p>www.biuuu.com</p>
- </div>
三,Javascript部分
- <script type='text/javascript'>
- $(document).ready(function(){
- $.pop();
- });
- </script>
如上实例,直接调用pop()接口实现弹出框,因为默认的pop将自动查找类名为.pop的元素,pop基础配置:
- var settings = {
- pop_class : '.pop',
- pop_toggle_text : ''
- }
使用jQuery插件pop实现弹出框非常简单,具体可查看下载实例源程序,值得推荐。
查看jQuery插件pop在线实例演示
http://pop.seaofclouds.com/
点我下载jQuery插件pop实例源代码
http://jquerycodes.googlecode.com/files/jquery-pop.rar