龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

jQuery插件之pop弹出框

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
本文讲解一下流行Jquery框架应用插件中自定义一种,这个pop是一个简单的jQuery插件,不仅功能简单,使用简单,体积也非常小,只有4K,用于制作弹出框效果,引用官网的话来说就是不

本文讲解一下流行Jquery框架应用插件中自定义一种,这个pop是一个简单的jQuery插件,不仅功能简单,使用简单,体积也非常小,只有4K,用于制作弹出框效果,引用官网的话来说就是不用多说废话,简单,还是简单,效果图如下:
简单的jQuery插件pop弹出框
使用说明
需要使用jQuery库文件和pop库文件

需要自定义POP弹出框的CSS样式[具体可查看实例源程序包下的pop.css文件]

使用实例
一,包含文件部分

  1. <script language="javascript" src="jquery.js" type="text/javascript"></script>
  2. <script language="javascript" src="jquery.pop.js" type="text/javascript"></script>
  3. <link href="pop.css" media="all" rel="stylesheet" type="text/css"/>

二,HTML部分

  1. <div class='pop'>
  2. <p>必优博客pop演示</p>
  3. <p>图片,链接等任何你需要显示的元素</p>
  4. <p>一个页面可存在多个pop</p>
  5. <p>www.biuuu.com</p>
  6. </div>

三,Javascript部分

  1. <script type='text/javascript'>
  2. $(document).ready(function(){
  3. $.pop();
  4. });
  5. </script>


精彩图集

赞助商链接