posts - 496,comments - 227,trackbacks - 0

在ajax中经常用到的弹出窗口和遮蔽窗口。自己写肯定是一个最佳方案,但时间和成本上,还是决定了寻找现成的吧。大概罗列一下。需要我满足我几个条件

  • 一定要简洁方便
  • 拥有遮蔽功能,model dialog ,所谓的模态窗口
  • 可以根据html弹出窗口
  • 可以定义弹出窗口的位置,大小

其实我只需要一个框,我更希望框的内容我自己控制,这样通用性就强了。而且一定要简洁,不能弹个框也要配置复杂。

最后挑选下来最满意的boxy
http://onehackoranother.com/projects/jquery/boxy/

boxy生产的html代码也是很乱的。但boxy的设置最简单,所以上手很容易(关注ing,发现cup有些偏高)。

–=other links=–
http://www.ericmmartin.com/projects/simplemodal/
http://dev.iceburg.net/jquery/jqmodal/#examples
simplemodal、jqmodal 。这两个是最简单的,灵活性很好,但需要自己配制的多,而且官方的demo和我要的需求不是很相同。需要配置的多,学习成本高了。
如果你希望定制自己的dialog,这两个插件,可以作为基础包,在基础包在封装一下。就可以很方便的满足你的要求。

http://www.malsup.com/jquery/block/
blockui效果很好。而且官方的帮助也很详细,如果只是简单的使用遮蔽,推荐使用,上手也容易。

http://jquery.com/demo/thickbox/
貌似很复杂,而且偏向于图片,直接就否决了

http://docs.jquery.com/ui/dialog
官方的要,还要引几个扩展的js,支持窗口缩放什么的,但生产的代码也太复杂了,不推荐。

网络上整理的一些dialog列表
http://hi.baidu.com/freezesoul/blog/item/2889b44580e2fd23cffca3fb.html
http://vision-media.ca/resources/jquery/jquery-popup-plugin-review

custom javascript dialog boxes
http://hi.baidu.com/freezesoul/blog/item/63a10bfa6e54109259ee90d8.html

posted on 2008-11-24 16:32 simone 阅读(108329) 评论(10)     所属分类: javascript

feedback:
# re: jquery-dialog(弹出窗口,遮蔽窗口)
2012-02-21 16:03 |
3  回复  
  
# re: jquery-dialog(弹出窗口,遮蔽窗口)[未登录]
2012-05-08 15:48 |

发达范德萨  回复  
  
# re: jquery-dialog(弹出窗口,遮蔽窗口)[未登录]
2012-06-14 13:27 |
xzcxzc  回复  
  
# re: jquery-dialog(弹出窗口,遮蔽窗口)[未登录]
2012-07-27 09:44 |
www.selfcloset.com  回复  
  
# 
alert(asd)
[未登录]
2012-07-27 21:08 |
sdf  回复  
  
# re: jquery-dialog(弹出窗口,遮蔽窗口)
2012-08-28 10:20 |
www.uminicloset.com  回复  
  
# re: jquery-dialog(弹出窗口,遮蔽窗口)
2012-12-10 19:22 |
@wangwei
sdafsadfsafsadf  回复  
  
# re: jquery-dialog(弹出窗口,遮蔽窗口)
2012-12-17 15:15 |
kkkk  回复  
  
# re: jquery-dialog(弹出窗口,遮蔽窗口)
2013-05-17 10:34 |
四川省城市达成  回复  
  
# re: jquery-dialog(弹出窗口,遮蔽窗口)
2013-09-24 09:45 |
@22
  回复  
  

只有注册用户后才能发表评论。


网站导航:
              
 
"));
网站地图