jquery插件——弹出层(Tipswindown)

Tipswindown开发总结

 

之前在做弹出页的时候使用了jquery的GreyBox（博文：http://blog.csdn.net/shellwin/archive/2010/05/30/5634674.aspx），但是在使用过程中是弹出了别的页面，这在本页面的数据访问比较麻烦。这次在做项目中的高级查询的时候想仿照一下51job上面的弹出层进行实现，找到了jquery的一个插件tipswindown，这个由于是弹出的内容可以在本页指定的div上定义（控件，代码等），在后台访问和存储数据的时候都比较方便，所以使用它。具体的步骤如下：

 

第一步：加入对应的jquery.js，tipswindown.js代码：

<script src="js/jquery/jquery.js" type="text/javascript"></script>

<script src="js/jquery/tipswindow/tipswindown.js" type="text/javascript"></script>

 

第二步：加入默认的css文件，当然这个是按照自己的需求可以进行修改的。代码：

<link href="js/jquery/tipswindow/tipswindown.css" rel="stylesheet" type="text/css" />

 

第三步：编写对应的js代码：

<script type="text/javascript">

     $(document).r