ポップアップレイヤー_artDialog javascriptに基づいて作成されたダイアログコンポーネント
3358 ワード
偶然の機会にjavascriptに基づいて作成されたダイアログ・ボックス・コンポーネントが見え、洗練されたインタフェースと友好的なインタフェースを持っています.
时间があれば今すでに最新バージョンまで研究することができます:V 4.1.2発表时间:2011-09-04
ホームアドレス:http://www.planeart.cn/demo/artDialog/index.html
ファイルのダウンロード
参照方法:
Headに を加える
一部のコードを変更:
artDialog.source.js 1738行
时间があれば今すでに最新バージョンまで研究することができます: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);
};