久久久久久精品免费免费自慰麻豆,亚洲自慰av秘无码一区二区,国产福利萌白酱喷水视频

　改善用戶體驗(yàn)之a(chǎn)lert提示效果

作者：jxdawei 　時(shí)間： 2006-10-27　文檔類型：原創(chuàng)　來自：藍(lán)色理想

類似于新浪郵箱的提示效果。比較獨(dú)立。在wenming版主的幫助下，已解決了高度不能適應(yīng)的BUG。

使用方法很簡(jiǎn)單，在需要彈出提示的頁(yè)面先

然后直接在需要提出處使用：

sAlert("需要提示的信息")

即可完成全部效果。不需要在頁(yè)面中添加任何其它代碼。

運(yùn)行代碼框
<!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> <meta name="verify-v1" content="P4T6fFCiPVxqMWZ2eztyXVzMHlnwD0wLQOq6LBHN5Y8=" /> <title> 政策文件_中國(guó)電力工程造價(jià)信息網(wǎng)</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="gb2312" /> <meta name="KeyWords" content="電力工程造價(jià),價(jià)格信息,裝材,設(shè)備,電力工程" /> <meta name="description" content="電力工程造價(jià)信息" /> <style type="text/css"> *{ margin:0;padding:0; } </style> </head> <body> <div class="cecmbody" id="cecmpolicy"> <div class="leftClass"> <p>測(cè)試</p><p>測(cè)試</p> <p>測(cè)試</p><p>測(cè)試</p><p>測(cè)試</p><p>測(cè)試</p><p>測(cè)試</p> <p>測(cè)試</p><p>測(cè)試</p><p>測(cè)試</p><p>測(cè)試</p><p>測(cè)試</p><p>測(cè)試</p><p>測(cè)試</p><p>測(cè)試</p> <input type="button" value="點(diǎn)擊這里" onclick="sAlert('測(cè)試效果');" /> </div> <div class="rightClass"> </div> </div> <script type="text/javascript" language="javascript"> //Author:Daviv //Blog:http://blog.163.com/jxdawei //Date:2006-10-27 //Email:jxdawei@gmail.com function sAlert(str){ var msgw,msgh,bordercolor; msgw=400;//提示窗口的寬度 msgh=100;//提示窗口的高度 titleheight=25 //提示窗口標(biāo)題高度 bordercolor="#336699";//提示窗口的邊框顏色 titlecolor="#99CCFF";//提示窗口的標(biāo)題顏色 var sWidth,sHeight; sWidth=document.body.offsetWidth; sHeight=screen.height; var bgObj=document.createElement("div"); bgObj.setAttribute('id','bgDiv'); bgObj.style.position="absolute"; bgObj.style.top="0"; bgObj.style.background="#777"; bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"; bgObj.style.opacity="0.6"; bgObj.style.left="0"; bgObj.style.width=sWidth + "px"; bgObj.style.height=sHeight + "px"; bgObj.style.zIndex = "10000"; document.body.appendChild(bgObj); var msgObj=document.createElement("div") msgObj.setAttribute("id","msgDiv"); msgObj.setAttribute("align","center"); msgObj.style.background="white"; msgObj.style.border="1px solid " + bordercolor; msgObj.style.position = "absolute"; msgObj.style.left = "50%"; msgObj.style.top = "50%"; msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"; msgObj.style.marginLeft = "-225px" ; msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px"; msgObj.style.width = msgw + "px"; msgObj.style.height =msgh + "px"; msgObj.style.textAlign = "center"; msgObj.style.lineHeight ="25px"; msgObj.style.zIndex = "10001"; var title=document.createElement("h4"); title.setAttribute("id","msgTitle"); title.setAttribute("align","right"); title.style.margin="0"; title.style.padding="3px"; title.style.background=bordercolor; title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);"; title.style.opacity="0.75"; title.style.border="1px solid " + bordercolor; title.style.height="18px"; title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif"; title.style.color="white"; title.style.cursor="pointer"; title.innerHTML="關(guān)閉"; title.onclick=function(){ document.body.removeChild(bgObj); document.getElementById("msgDiv").removeChild(title); document.body.removeChild(msgObj); } document.body.appendChild(msgObj); document.getElementById("msgDiv").appendChild(title); var txt=document.createElement("p"); txt.style.margin="1em 0" txt.setAttribute("id","msgTxt"); txt.innerHTML=str; document.getElementById("msgDiv").appendChild(txt); } </script> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

下載：alert.rar

經(jīng)典論壇討論：
http://bbs.blueidea.com/thread-2688074-1-1.html

本文鏈接：http://www.95time.cn/tech/web/2006/4185.asp　

出處：藍(lán)色理想
責(zé)任編輯：moby

◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論

相關(guān)文章

更多相關(guān)鏈接

Illustrator創(chuàng)建字效之——多邊字

用photoshop教你制作wmp11的logo

用Photoshop做臉部美容

用Photoshop打造ipod nano

用戶體驗(yàn)相關(guān)書籍的比較

作者文章

影響SEO的頁(yè)面制作細(xì)節(jié)

頁(yè)面制作人員的修練之道

基于標(biāo)準(zhǔn)的web項(xiàng)目開發(fā)模式探索

改善用戶體驗(yàn)之密碼強(qiáng)度提示

RSS 在線閱讀器開發(fā)實(shí)例


關(guān)鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設(shè)計(jì)比賽網(wǎng)頁(yè)制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點(diǎn)最新

站點(diǎn)最新列表

周大福“敬•自然”設(shè)計(jì)大賽開啟

國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行

中國(guó)國(guó)防科技信息中心標(biāo)志征集

云計(jì)算如何讓安全問題可控

云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)

阿里行云

云手機(jī)年終巨獻(xiàn)，送禮標(biāo)配299起

阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽

欄目最新

欄目最新列表

淺談JavaScript編程語言的編碼規(guī)范

如何在illustrator中繪制臺(tái)歷

Ps簡(jiǎn)單繪制一個(gè)可愛的鉛筆圖標(biāo)

數(shù)據(jù)同步算法研究

用ps作簡(jiǎn)單的作品展示頁(yè)面

CSS定位機(jī)制之一:普通流

25個(gè)最佳最閃亮的Eclipse開發(fā)項(xiàng)目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx