• JQuery弹出窗口,遮蔽窗口


    http://www.malsup.com/jquery/block/#page 

     blockui遮罩某个控件时候是通过控件外的div来实现的

    RWC趋势下,我多采用Jquery框架完成一些效果,有些可以自己写,更多情况都可以用网上现有的。

    例如JQuery弹出窗口,遮蔽窗口,大概罗列一下,需要我满足我几个条件

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

            其实我只需要一个框,我更希望框的内容我自己控制,这样通用性就强了。而且一定要简洁,不能弹个框也要配置复杂。以前用过thickbox3.1,很强大,采用的时候CPU有时候占用多,貌似很复杂,而且偏向于图片,于是这次决定找找有没有更加适用于我的:

    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://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

    新的一个http://fancy.klade.lv/example不错!

  • 相关阅读:
    镜像的上传和下载
    ps 命令
    过滤不合格数据
    云计算5-3-2法则
    Python Django初入门
    python web框架
    BootStrap、EasyUI、JQueryUI
    JS正则
    ngonx FastCGI 相关参数调优
    Windows10远程连接错误-出现身份验证错误
  • 原文地址:https://www.cnblogs.com/aaa6818162/p/1636239.html
Copyright © 2020-2023  润新知