alert提示太难看了

alert提示太难看了，想换一个用jquary写的漂亮的提示框

解决方案 »

  1.   

    这个还不错的说，虽然没用过，但作者很用心的：
    http://www.planeart.cn/demo/artDialog/
      

  2.   

    http://www.blogjava.net/zhaochengming/archive/2010/03/25/316516.html
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
    body{ margin:0; padding:0; font-size:12px}
    .main{ width:960px; margin:auto}
    .windows{ width:260px; height:180px; display:none; position:absolute; top:50%; left:50%; z-index:9999; background-color:#fff; margin:-90px 0 0 -130px}
    .title{ width:260px; line-height:24px; float:left; background:#CCC}
    .close{ float:right; margin-right:5px; cursor:pointer}
    .mask{ width:100%; height:100%; position:fixed; top:0; left:0; background:#000; _background:none; opacity:0.75; filter:alpha(opacity=75); display:none}
    </style>
    <script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function(){
    $("#btn").click(function(){
    $(".windows").show();
    $(".mask").show();
    })
    $(".close").click(function(){
    $(".windows").hide();
    $(".mask").hide();
    })
    })
    </script>
    </head>
    <body><div class="main"> <button id="btn">弹窗</button>
        
    </div><div class="windows">
    <span class="title"><a class="close">关闭</a></span>
    </div>
    <div class="mask"></div></body>
    </html>
    现写的，布局什么的就自己写吧
      

  4.   

    jquery alert ，不过代码写的好烂的
      

  5.   

    推荐jqmodal ，可以自己定义 
      

  6.   

    jquery Dialoghttp://www.cnblogs.com/bestfc/archive/2009/06/08/1498742.html
      

  7.   

    http://www.oschina.net/ 开源中国 里边有JQuery的很多插件，有专门提示的插件。
      

  8.   

    使用EXTJS的弹出框也行。 。倒入EXTJS需要的JS后 就可以使用Ext.MessageBox.alert("提示","操作成功");
      

  9.   

    ext的提示框不错，我们就是用ext