天天看點

強烈推薦,功能強大,超漂亮的彈出層效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>??寮虹???ㄨ???? 瓒?婕?浜???浠胯?捐??寮瑰?哄?????锛??煎?逛富娴?娴?瑙????</title>

<style>

body {background: #ffffff;?color: #444;}

a{?color: #09d;?text-decoration: none;?border: 0;?background-color: transparent;}

body,div,q,iframe,form,h5{?margin: 0;?padding: 0;}

img,fieldset { border: none 0; }

body,td,textarea {?word-break: break-all;?word-wrap: break-word;?line-height:1.5;}

body,input,textarea,select,button {?margin: 0;?font-size: 12px;?font-family: Tahoma, SimSun, sans-serif;}

div,p,table,th,td {?font-size:1em;?font-family:inherit;?line-height:inherit;}

h5{ font-size:12px;}

</style>

<script type="text/javascript" src="http://www.5-studio.com/wp-content/uploads/2009/06/Dialog.js"></script>

<script type="text/javascript">

function $(ele) {

? if (typeof(ele) == 'string'){

??? ele = document.getElementById(ele)

??? if(!ele){

? ??return null;

??? }

? }

? if(ele){

? ?Core.attachMethod(ele);

?}

? return ele;

}

var Core = {};

Core.attachMethod = function(ele){

?if(!ele||ele["$A"]){

??return;

?}

?if(ele.nodeType==9){

??return;

?}

?var win;

?try{

??if(isGecko){??

???win = ele.ownerDocument.defaultView;

??}else{

???win = ele.ownerDocument.parentWindow;

??}

??for(var prop in $E){

???ele[prop] = win.$E[prop];

??}

?}catch(ex){

??//alert("Core.attachMethod:"+ele)//??浜?瀵矽薄涓??介????灞??э?濡?flash

?}

}

function zOpenD(){

?var diag = new Dialog("Diag1");

?diag.Width = 900;

?diag.Height = 400;

?diag.Title = "寮瑰?虹???gず渚?";

?diag.URL = "http://demo.zving.com/";

?diag.ShowMessageRow = true;

?diag.MessageTitle = "寮瑰?虹???gず渚?";

?diag.Message = "?ㄨ??誇???浠ュ?矽?涓?绐??g????瀹規?????戒?涓?浜?璇存??";

?diag.OKEvent = zAlert;//?瑰?葷‘瀹???璋??ㄧ???規?

?diag.show();

}

function zOpen(){

?var diag = new Dialog("Diag2");

?diag.Width = 900;

?diag.Height = 400;

?diag.Title = "寮瑰?虹???gず渚?";

?diag.URL = "http://demo.zving.com/";

?diag.OKEvent = zAlert;//?瑰?葷‘瀹???璋??ㄧ???規?

?diag.show();

}

function zAlert(){

??Dialog.alert("婊ょ?歌??ヤ?锛?娌寵?浣?锛?娌寵???锛?娌寵?浜???涓?涓?绾????頒?浠?);

}

function zConfirm(){

?Dialog.confirm('璀???锛??ㄧ‘璁よ?XXOO??锛?',function(){Dialog.alert("yeah锛??ㄦ???頒?锛?姝f??濂芥?跺??");});

}

function sometext(ele,n){

?var strArr=["??","浠?,"娓?","蹇?","涔?"];

?var writeStr=""

?for(i=0;i<n;i++){

??index=parseInt(Math.random()*5);

??for(j=0;j<5;j++){

???str=index+j>4?index+j-5:index+j;

???writeStr+=strArr[str];

??}

?}

?$(ele).innerHTML=writeStr;

}

</script>

</head>

<body>

<div id="div1"></div>

<p> &nbsp;? &nbsp; <input type="button" value="寮瑰?烘?扮???? 慰nclick="zOpen()" />&nbsp;<input type="button" value="寮瑰?哄甫璇存?????扮???? 慰nclick="zOpenD()" />&nbsp;<input type="button" value="寮瑰?轟俊????绀哄?矽??妗?" 慰nclick="zAlert()" />&nbsp;<input type="button" value="寮瑰?洪???╁?矽??妗?" 慰nclick="zConfirm()" /></p>

<div id="div2"></div>

<script>sometext("div1",100);sometext("div2",300);</script>

</body>

</html>

繼續閱讀