jQuery插件之pop弹出框
本文讲解一下流行Jquery框架应用插件中自定义一种,这个pop是一个简单的jQuery插件,不仅功能简单,使用简单,体积也非常小,只有4K,用于制作弹出框效果,引用官网的话来说就是不
本文讲解一下流行Jquery框架应用插件中自定义一种,这个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>
精彩图集
精彩文章