精致的JS提示
他是一个用户自定义控件；
他只有1174个字节；
他能兼容任何浏览器；
他弹出来是如此的优雅，隐藏是那么自然；
他是如此的精致，绝对没有任何性能影响；
最重要的是他是陈太汉开发的；
文件名：TipControl.ascx
<%@ Control Language="C#"%>
<div id="divTip" style="width:300px;height:100px;position:absolute;top:240px;font-size:15px; border:#c60000 thin solid;display:none;" runat="server">
<div style=" background-color:#c60000; height:20px;">
<div style="margin-left:3px;color:White;font-weight:bold">温馨提示</div>
</div>
<div style="margin-top:23px;text-align:center;"><asp:Label ID="lbContent" runat="server"/></div>
</div>
<script language="javascript" type="text/javascript">
function ShowTip(tip) {
parent.document.documentElement.scrollTop = parent.document.documentElement.scrollHeight;//滚动条置顶
document.getElementById("<%=divTip.ClientID%>").style.display = "block";
document.getElementById("<%=divTip.ClientID%>").style.left = (document.body.scrollWidth - 300) / 2 + "px";
document.getElementById("<%=divTip.ClientID%>").style.top = parent.document.documentElement.scrollHeight/2-100 + "px";
document.getElementById("<%=lbContent.ClientID%>").innerHTML = tip;
setTimeout("document.getElementById('<%=divTip.ClientID%>').style.display = 'none'", 3000);
}
</script>
测试页面
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestJS.aspx.cs" Inherits="JQueryTest.TestJS" %>
<%@ Register Src="~/UserControl/TipControl.ascx" TagName="uc" TagPrefix="ua" %>
<!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 runat="server">
<title></title>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ua:uc runat="server" ID="fdfdf" />
<input type="button" value="测试" onclick="ShowTip('陈太汉提示您,有消息');"
</div>
</form>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源！
· 周边上新：园子的第一款马克杯温暖上架