国产成人av影视,人人妻人人澡人人爽精品欧美一区,www.亚洲成人网

一個美化了的alert效果，非常不錯。

藍色理想 2008/11/13 19:31:57 admin 字體:大中小瀏覽 11718

以下為詳細代碼

<!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" xml:lang="zh-CN" lang="zh-CN">
	<head>
		<title>
			一個美化了的alert效果</title>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<meta http-equiv="Content-Language" content="gb2312" />
		<style type="text/css">
		 *{
		 margin:0;padding:0;
		 }
		</style>
	</head>
	<body>
	
	<div class="cecmbody" id="cecmpolicy">
		<div class="leftClass">	測試測試測試測試
						測試
						測試測試測試測試測試測試測試測試
測試測試測試測試
						測試測試測試測試測試測試測試測試	測試測試測試測試
						測試
						測試測試測試測試測試測試測試測試
測試測試測試測試
						測試測試測試測試測試測試測試測試	測試測試測試測試
						測試
						測試測試測試測試測試測試測試測試
測試測試測試測試
						測試測試測試測試測試測試測試測試	測試測試測試測試
						測試
						測試測試測試測試測試測試測試測試
測試測試測試測試
						測試測試測試測試測試測試測試測試	測試測試測試測試
						測試
						測試測試測試測試測試測試測試測試
測試測試測試測試
						測試測試測試測試測試測試測試測試	測試測試測試測試
						測試
						測試測試測試測試測試測試測試測試
測試測試測試測試
						測試測試測試測試測試測試測試測試	測試測試測試測試
						測試
						測試測試測試測試測試測試測試測試
測試測試測試測試
						測試測試測試測試測試測試測試測試
			<input type="button" value="點擊這里" onclick="sAlert('我是一個漸變的sAlert',this);" />
			測試測試測試測試
						測試
						測試測試測試測試測試測試測試測試
測試測試測試測試
						測試測試測試測試測試測試測試測試
		</div>
		<div class="rightClass">
		</div>	
	</div>
				<script type="text/javascript" language="javascript">
			function sAlert(txt){
	var eSrc=(document.all)?window.event.srcElement:arguments[1];
	var shield = document.createElement("DIV");
	shield.id = "shield";
	shield.style.position = "absolute";
	shield.style.left = "0px";
	shield.style.top = "0px";
	shield.style.width = "100%";
	shield.style.height = ((document.documentElement.clientHeight>document.documentElement.scrollHeight)?document.documentElement.clientHeight:document.documentElement.scrollHeight)+"px";
	shield.style.background = "#333";
	shield.style.textAlign = "center";
	shield.style.zIndex = "10000";
	shield.style.filter = "alpha(opacity=0)";
	shield.style.opacity = 0;
	var alertFram = document.createElement("DIV");
	alertFram.id="alertFram";
	alertFram.style.position = "absolute";
	alertFram.style.left = "50%";
	alertFram.style.top = "50%";
	alertFram.style.marginLeft = "-225px" ;
	alertFram.style.marginTop = -75+document.documentElement.scrollTop+"px";
	alertFram.style.width = "450px";
	alertFram.style.height = "150px";
	alertFram.style.background = "#ccc";
	alertFram.style.textAlign = "center";
	alertFram.style.lineHeight = "150px";
	alertFram.style.zIndex = "10001";
	strHtml = "<ul style=\"list-style:none;margin:0px;padding:0px;width:100%\">\n";
	strHtml += "	<li style=\"background:#DD828D;text-align:left;padding-left:20px;font-size:14px;font-weight:bold;height:25px;line-height:25px;border:1px solid #F9CADE;\">[系統提示]</li>\n";
	strHtml += "	<li style=\"background:#fff;text-align:center;font-size:12px;height:120px;line-height:120px;border-left:1px solid #F9CADE;border-right:1px solid #F9CADE;\">"+txt+"</li>\n";
	strHtml += "	<li style=\"background:#FDEEF4;text-align:center;font-weight:bold;height:25px;line-height:25px; border:1px solid #F9CADE;\"><input type=\"button\" value=\"確 定\" id=\"do_OK\" onclick=\"doOk()\" /></li>\n";
	strHtml += "</ul>\n";
	alertFram.innerHTML = strHtml;
	document.body.appendChild(alertFram);
	document.body.appendChild(shield);
	this.setOpacity = function(obj,opacity){
		if(opacity>=1)opacity=opacity/100;
		try{ obj.style.opacity=opacity; }catch(e){}
		try{ 
			if(obj.filters.length>0&&obj.filters("alpha")){
				obj.filters("alpha").opacity=opacity*100;
			}else{
				obj.style.filter="alpha(opacity=\""+(opacity*100)+"\")";
			}
		}catch(e){}
	}
	var c = 0;
	this.doAlpha = function(){
		if (++c > 20){clearInterval(ad);return 0;}
		setOpacity(shield,c);
	}
	var ad = setInterval("doAlpha()",1);
	this.doOk = function(){
		//alertFram.style.display = "none";
		//shield.style.display = "none";
		document.body.removeChild(alertFram);
		document.body.removeChild(shield);
		eSrc.focus();
		document.body.onselectstart = function(){return true;}
		document.body.oncontextmenu = function(){return true;}
	}
	document.getElementById("do_OK").focus();
	eSrc.blur();
	document.body.onselectstart = function(){return false;}
	document.body.oncontextmenu = function(){return false;}
}
		</script>
	</body>
</html>

前一頁:輸入框提示列表效果

后一頁:另類的title提示文字

相關閱讀: js中innerHTML，innerText，outerHTML的用法與區別; asp加載xml 用于驗證目標網站是否更新; 消聲器; 網站頁面設計中的Css十大注意; 景點門票預訂; 華東賓館; 讓asp立即輸出緩存（Response.flush），實時顯示進度; ASP.NET常用的三十三種實用代碼(上)

共有0條關于《一個美化了的alert效果，非常不錯。》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery設置或獲取修改classname; 利用css3.0寫出一個音樂播放的唱片碟盤的效果; 利用css中的scale()實現放大縮小效果; 利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明; css背景使用base64編碼或者將base64編碼放在img圖片標簽中; 利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 汽液兩相流; 鼠標放在表格區域內，當前格的一整行和一整列變色; 利用asp相關的函數動態更新access數據庫; 長春海外旅游有限責任責任公司; 讓層處于上一個DIV層的右下角; 福建省武夷山旅行社官方網站

更多標簽熱門標簽

經典的左右全 input filter 驗證碼圖片 asp 鎯重復縮放留言板 ewebeditor Request 斷線論壇管理系統狀態欄 absolute 排序放大執行按鈕素材 window web2.0 visite sel 框購物 IE8 DIV+CSS做的透明菜單兼容IE、FF等 imprt 2.0 hack 黑白格式化 javascri 旅行社垂直變幻轉換 eof base 縮略圖憂化 submit 滑動間隔廣告下拉框常用絕對管用的iis安裝包下載

隔壁人妻偷人bd中字_特黄特黄一级片_国产午夜大地久久_污色网站在线观看_a天堂资源在线观看_精品日韩久久久_欧美日韩福利在线_欧美日韩一区二区在线免费观看_欧美大尺度做爰床戏_国产情侣av自拍

一個美化了的alert效果，非常不錯。