aspx.cs代码+jquery实现渐隐弹出提示层

最新推荐文章于 2025-08-23 02:53:08 发布

weixin_30639719

最新推荐文章于 2025-08-23 02:53:08 发布

阅读量50

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/baobao2010/archive/2010/07/28/1786695.html

本文介绍如何在ASP.NET中利用jQuery轻松创建一个带有渐显渐隐效果的提示框，通过简单的代码实现无需页面刷新即可显示操作成功的反馈。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现这个很简单，代码复制我的过去用该一下命名就ok了,基本不需要额外的插件,如果你不是一味追求无刷新的话...

自己写个div,引入jquery-1.3.2.min.js

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

#success 是提示层div的id,当然你也可以用.classname获取

代码

<div id="success" style="width: 415px; height: 99px; position:absolute; left: 16px; top: 148px;border:1px #0099FF solid; background:#9CCBFF; display:none">
<div style="height:25px; line-height:25px; border-bottom:1px #0099FF solid;">
<span style="">  </span><span style=" color:#ff0000" onclick="$('#success').hide();">[关闭]</span></div>
<div style="margin:0 auto; font-size:15px; width:169px; height: 55px; font-weight:bold; color:#000;">
<br />
基本信息保存成功!</div>
</div>

[关闭]

基本信息保存成功!

转载于:https://www.cnblogs.com/baobao2010/archive/2010/07/28/1786695.html