asp.net弹出模式窗口 2个例子演示+教程

方法1：利用jQuery的显示隐藏,引入jquery1.3.2.min.js

div是自己写，能自动显示隐藏, 没有封装起来，自己看着办吧

aspx.cs

Page.ClientScript.RegisterStartupScript(Page.GetType(), "s", "<script>$(document).ready(function(){$(function(){$('#success').fadeIn('slow');$('#success').fadeOut(5000);})});</script>");

 

aspx ,css没处理，自己看着办

 <div id="success" style="border-right: #4b8500 1px solid; border-top: #4b8500 1px solid;
        display: none; left: 381px; background-image: url(../images/t_bg.jpg); border-left: #4b8500 1px solid;
        width: 385px; border-bottom: #4b8500 1px solid; background-repeat: repeat-x;
        position: absolute; top: 246px; height: 77px; background-color: #faffeb; z-index:99999">
        <div style="padding-right: 5px; overflow: hidden; line-height: 25px; height: 25px;
            text-align: right">
            <span  style="float: left; padding:4px 0px 4px 0px" ><img src="../images/t_bg_l.gif" width="16" height="16" /></span>
            <img onclick="$('#success').hide();" src="../images/close.gif" style="margin-top: 5px;
                float: right" /></div>
        <div style="font-size: 12px; margin: 0px auto; width: 164px; color: #000; height: 42px">
            <br />
            &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 操作成功!</div>
    </div>

 

 

方法二: 使用百度空间的模式窗口,缺陷，目前不知道怎么自动关闭它, 需要手动关闭,不过也可以用作其他用途

里面的按钮文字和按钮都是自定义的，随便加什么都可以,下面js代码很清楚了

aspx.cs

string js = "<script type='text/javascript'> $(document).ready(function(){var strHtml = '<br/><center><span><br/>保存成功!</span></center>';var pop=new Popup({contentType:2,isReloadOnClose:false,width:328,height:103});pop.setContent('contentHtml',strHtml);pop.setContent('title','提示!');pop.build();pop.show();});</script>";
                page.ClientScript.RegisterStartupScript(page.GetType(), "dialog", js);

 

js就不发了，直接到百度空间找,找不到的话就留下邮箱吧，我不懂上传文件