정교 한 JS 팁

15181 단어 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>

좋은 웹페이지 즐겨찾기