ポップアップレイヤー_artDialog javascriptに基づいて作成されたダイアログコンポーネント

3358 ワード

偶然の機会にjavascriptに基づいて作成されたダイアログ・ボックス・コンポーネントが見え、洗練されたインタフェースと友好的なインタフェースを持っています.
 
时间があれば今すでに最新バージョンまで研究することができます:V 4.1.2発表时间:2011-09-04
 
ホームアドレス:http://www.planeart.cn/demo/artDialog/index.html
 
ファイルのダウンロード
 
 
参照方法:
Headにを加える
 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>###</title>  
<script src="artDialog.source.js" ></script>

<style>
 body {font-size:12PX; } 
</style> 
 
 <script>
 function doTest()
 { 
		 var dialog = art.dialog({
			title: '  ',
			content: '              ',
			width: '20em',
			button: [{
				name: ' 222 ',
				callback: function () {
					this.content('        ').button({
						name: '  ',
						disabled: false
					});
					return false;
				},
				focus: true
			}]
		});
		
		dialog.button(
			{
				name: '  ',
				callback: function () {
					alert('remove')
				},
				disabled: true
			}
		)
 }
 
 </script>

 
</head>

<body>
<input type="button" name="Submit" value="  "  onclick="doTest()"/>
</body>
</html>

 
 
一部のコードを変更:
 
artDialog.source.js 1738行
 
//      CSS ( "artDialog.js?skin=aero")
_skin = _thisScript.src.split('skin=')[1];

if (true) {
 if(_skin==null)
 { 
     _skin='default';
 } 
 var link = document.createElement('link');
 link.rel = 'stylesheet';
 link.href = _path + '/skins/' + _skin + '.css?' + artDialog.fn.version;
 _thisScript.parentNode.insertBefore(link, _thisScript);
};

 
 
 
 
弹出层_artDialog基于javascript编写的对话框组件_第1张图片
 
 
 
弹出层_artDialog基于javascript编写的对话框组件_第2张图片