漂亮的jquery提示效果(仿騰訊彈出層)_jquery

複製代碼如下代碼：

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



>
超漂亮的仿騰訊彈出層效果

正文{背景：#ffffff;顏色：#444;}
a{顏色：#09d;文字裝飾：無；邊框：0；背景顏色：透明；}
body,div,q,iframe,form,h5{margin: 0;padding: 0;}
img,fieldset { border:無0； }
body,td,textarea {分詞：全部分詞；自動換行：分詞；行高：1.5;}
正文，輸入，文字區域，選擇，按鈕{ 邊距：0;字體大小：12px；字型系列： Tahoma、SimSun、sans-serif;}
div,p,table,th,td { font-size:1em;字體系列：繼承；行高：繼承;}
h5{ 字體大小：12px;}
;


function zOpenD (){
var diag = new Dialog("Diag1");
diag.Width = 900;
diag.Height = 400;
diag.Title = "彈出視窗範例";
diag.URL = "http://www.html.org.cn/";
diag.ShowMessageRow = true;
diag.MessageTitle = "彈出視窗範例";
diag.Message = "這裡你可以對這個視窗的內容或功能做一些說明";
diag.OKEvent = zAlert;//點擊確定後調用的方法
diag.show();
}
function zOpen(){
var diag = new Dialog("Diag2");
diag.Width = 900;
diag.Height = 400;
diag.Title = "彈出視窗範例";
diag.URL = "http://www.html.org.cn/";
diag.OKEvent = zAlert;//點選確定後呼叫的方法
diag.show();
}
function zOpenInner(){
var diag = new Dialog("Diag3");
diag.Width = 300;
diag.Height = 100;
diag.Title = "跳出視窗範例";
diag.innerHTML='

直接輸出html，使用dialog.innerHTML。

'
diag.OKEvent = function(){diag.close();};//點選確定後呼叫的方法
diag.show();
}
function zOpenEle (){
var diag = new Dialog("Diag4");
diag.Width = 300;
diag.Height = 100;
diag.Title = "彈出視窗範例";
diag.innerElementId="forlogin"
diag.OKEvent = function(){$E.getTopLevelWindow().$("使用者名稱").value||alert("使用者名稱不能為空");$ E .getTopLevelWindow().$("userpwd").value||alert("密碼不能為空")};//點擊確定後呼叫的方法
diag.show();
}
function zAlert(){
Dialog.alert("你點擊了一個按鈕");
}
function zConfirm(){
Dialog.confirm('警告：？',function(){ Dialog.alert("");});
}
腳本>
頭>

    >  >   >  

密碼

用戶登陸
使用者名稱

>
<script>sometext("div1",200);sometext(" div2",200);</script>
身體>

效果圖：