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

最新推荐文章于 2025-09-10 14:53:18 发布

转载最新推荐文章于 2025-09-10 14:53:18 发布 · 83 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dongpo888/archive/2009/12/29/1635153.html

文章标签：

#javascript #ViewUI

本文介绍如何利用jQuery库实现一个简单的页面提示层的淡入和淡出效果。通过设置提示层的基本样式并结合jQuery的fadeIn和fadeOut方法，可以轻松地创建平滑的视觉过渡效果。

实现这个很简单，代码复制我的过去用该一下命名就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>