jQuery,js 仿人人网弹出层效果

引自：http://www.cnblogs.com/think_fish/archive/2011/03/30/1999506.html

本来这个是在网上下载的一个弹出层的插件，但是感觉之前的效果很不好而且功能也少，也只能是弹出一个层然后显示消息。

因为项目的需要我将这个插件进行了拓展。感觉还行吧，所以拿出来分享一下。有兴趣的可以继续研究拓展哈。

 有兴趣的朋友可以从文章最顶部的链接下载js文件。下面的代码是我所拓展的部分。在这分隔线之前基本上没有多少改动

//上面这一部分主要功能是修改弹出层的默认样式 

//----------==================================华丽的分割线================================---

这个截图就是上面的confrim()方法的效果。有一个确认按钮，然后有一个取消按钮。

调用也很简单

8 }); 

上面这个方法点击取消或者确认按钮后页面是无刷新的，但是有时候操作之后需要刷新页面那就用下面这个方法，调用方法跟上面的一致，只是方法名变了而已。

25 } 

上面的方法只是提示作用，显示一个消息。这比alert()可好看多了吧

调用方法

$.prompt({msg:"删除成功"}); 

下面的方法就是刷新页面的了 

//该方法弹出添加或者修改的层，调用时需要传一个DOM以及层的标题。方法分别是formTitle(),appendTable()，且该方法有确认与取消两个按钮，确认按钮事件需要在页面js中重写方法是clickEvent()

这个方法就比较强大了，可以传一个dom进来。

看着挺像人人网的弹出层吧，样式确实是模仿的人人网的。

调用方法也还是先定义一个对象。给属性赋值.属性有哪些看看上面的代码中settings.xxxx   这xxxxx就是属性。还可以根据自己的需要去添加，或者减少。

var settings={

title:"添加用户",          //标题

width:"600px",

clickEvent:function(){

   //do something 

} 

}