15 ¸ö JavaScript Web UI ¿â
¼¸ºõËùÓеĸ» Web Ó¦Óö¼»ùÓÚÒ»¸ö»ò¶à¸ö Web UI ¿â»ò¿ò¼Ü£¬ÕâЩ UI
¿âÓë¿ò¼Ü¼«´óµØ¼ò»¯ÁË¿ª·¢½ø³Ì£¬²¢´øÀ´Ò»Ö£¬¿É¿¿£¬ÒÔ¼°¸ß¶È½»»¥ÐÔµÄÓû§½çÃæ¡£±¾ÎĽéÉÜÁË 15 ¸ö·Ç³£Ç¿´óµÄ JavaScript Web UI
¿â£¬·Ç³£Êʺϸ÷ÖÖ¸÷ÖÖ¹æÄ£µÄ¸» Web Ó¦ÓõĿª·¢¡£
LivePipe
LivePipe
UI
»ùÓÚ Prototype Javascript ¿ò¼Ü
£¬°üº¬ÁË
Ò»ÕûÌ×¾Ñϸñ²âÊÔ²¢¸ß¶È¿ÉÀ©Õ¹µÄ UI ¿Ø¼þ£¬ÓµÓкܺõÄÎĵµ£¬ÔÚ²»Ö§³Ö JavaScript µÄ»·¾³ÖУ¬¿ÉÒÔÎÞ·ì½µ¼¶Ê¹ÓᣰüÀ¨ Tab,
´°Ì壬Îı¾¿ò£¬¶àÑ¡¿ò£¬ÆÀ·Ö¿Ø¼þ£¬½ø¶ÈÌõ£¬¹ö¶¯Ìõ£¬ÓÒ¼ü²Ëµ¥µÈ¶àÖֿؼþ¡£
LivePipe
Ê×Ò³ÓëÏÂÔØ
LivePipe
ÑÝʾÓëʾÀý
UKI
UKI
ÊÇÒ»Ì×¼òµ¥µÄ JavaScript UI ¹¤¾ß¼¯£¬ÓÃÓÚ¿ìËÙ´´½¨×ÀÃæ·ç¸ñµÄ Web Ó¦Óᣰüº¬µÄ¿Ø¼þ´Ó»¬¶¯Ìõ£¬µ½·ÖÀ¸ÊÓͼ£¬²»Ò»¶ø×ã¡£ÊìϤ jQuery
µÄ¿ª·¢Õ߻ᷢÏÖÕâ¸ö¹¤¾ßºÜÈÝÒ×ÉÏÊÖ£¬·Ç³£¼ò½à£¬ÎÞÐè°²×°¿ò¼Ü£¬²»ÒÀÀµ CSS ÒýÓá£
UKI
Ö÷Ò³ÓëÏÂÔØ
UKI
¿Ø¼þ£¬ÑÝʾ£¬Ê¾Àý
MochaUI
MochaUI
ÊÇ MooTools
Javascript ¿ò¼Ü
Óë ExplorerCanvas µÄÒ»¸ö±¸ÊÜ»¶ÓµÄÀ©Õ¹£¬¿ÉÒÔÓÃÀ´¿ìËÙ´´½¨ Web Ó¦Óã¬Web
×ÀÃæ£¬ÍøÕ¾£¬Êμþ£¬¶ÀÁ¢ Windows£¬Modal ¶Ô»°¿òµÈµÈ¡£
MochaUI
Ö÷Ò³ÓëÏÂÔØ
MochaUI
¿Ø¼þ£¬ÑÝʾ£¬Ê¾Àý
ÖÐÎıàÒëÀ´Ô´£ºÈñÉÌÆóÒµCMS
ÍøÕ¾ÄÚÈݹÜÀíϵͳ
¹Ù·½ÍøÕ¾
Sigma Ajax UI Builder
SigmaVisual
ÊÇÒ»Ì×»ùÓÚ Web µÄ£¬Ëù¼û¼´ËùµÃµÄ AJAX UI ´´½¨¹¤¾ß£¬°üº¬³¬¹ý40¸ö²»¼û£¬Èç Tab£¬¶Ô»°¿ò£¬Ê÷ÐÎͼ£¬Ê±¼äÏߵȣ¬»ùÓÚ
JavaScript ºÍ PHP¡£
Sigma Ajax
UI Builder
Ö÷Ò³ºÍÏÂÔØ
Sigma
Ajax UI Builder
¿Ø¼þ£¬ÑÝʾºÍʾÀý
JxLib based MooTools
JxLib
ÊÇÒ»¸ö»ùÓÚ MooTools
µÄ JavaScript UI ¿ò¼Ü£¬°üº¬¶àÊý Web ³ÌÐò¶¼ÐèÒªµÄ»ù±¾¿Õ¼ä£¬Èç°´Å¥£¬Tab£¬²Ëµ¥£¬Ê÷Ðνṹ£¬¶Ô»°¿òµÈµÈ¡£JxLib
»¹Ö§³Ö»»·ô¹¦ÄÜ¡£
JxLib
Ö÷Ò³ÓëÏÂÔØ
JxLib
¿Ø¼þ£¬ÑÝʾÓëʾÀý
Dijit – The Dojo Toolkit
Dijit
»ùÓÚ Dojo
£¬Ò²ÊÇѧϰ Dojo
À©Õ¹µÄÒ»¸öºÃÆðµã¡£¿ÉÒÔÓÃÀ´´´½¨·Ç³£Æ¯ÁÁµÄ Web 2.0 GUI¡£Ö§³Ö¶àÓïÖÖ£¬ÉõÖÁÖ§³Ö²»Í¬ÓïÖÖµÄÎÄ×ÖÊéд·½ÏòÒÔ¼°±¾µØ»¯Êý×Ö£¬ÈÕÆÚµÈµÈ¡£
Dijit
Ö÷Ò³£¬ÏÂÔØ
Dijit
¿Ø¼þ£¬ÑÝʾ£¬Ê¾Àý
jQuery TOOLS
jQuery Tools
ÊÇÒ»¸ö·Ç³£ÇáÁ¿£¨2.5kb£©µÄ³£Óà UI ¿â£¬Ö§³ÖÒÔÏ jQuery ¶ÔÏó£¬Tabs, ¹¤¾ßÌáʾ£¬¹ö¶¯Ìõ£¬²ã£¬±íµ¥ÒÔ¼° Flash ǶÌס£
jQuery TOOLS
Ö÷Ò³ÓëÏÂÔØ
jQuery TOOLS
¿Ø¼þ
Ïà¹ØÎĵµ£º
<form name="f1"><select name="s1"
onchange="chg(document.f1.s1,document.f1.s2)">
<option value="½Î÷">½Î÷</option>
<option value="¸£½¨">¸£½¨</option>
</select><select name="s2">
<option value="1">1</option>
&l ......
Silverlight 3 µ÷ÓÃjavascript º¯Êý¼òµ¥Àý×Ó£º
c# code:
using System.Windows.Browser;
private void logout_but_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
HtmlPage.Wind ......
CDATA ÄÚ²¿µÄËùÓж«Î÷¶¼»á±»½âÎöÆ÷ºöÂÔ¡£
¼ÙÈçÎı¾Öаüº¬ÁË´óÁ¿µÄ "<" ºÍ "&" ×Ö·û - ¾ÍÏñ±à³Ì´úÂëÖо³£³öÏÖµÄÇé¿öÒ»Ñù - ÄÇôÕâ¸ö XML ÔªËØ¾Í¿ÉÒÔ±»¶¨ÒåΪһ¸ö CDATA ²¿·Ö¡£
CDATA Çø¶Î¿ªÊ¼ÓÚ "<![CDATA["£¬½áÊøÓÚ "]]>"£º
<script type="text/javascript">
<![CDATA[
function compare(a,b)
......
ShowModalDialogº¯ÊýµÄ¹¦ÄÜ£º
´ò¿ªÒ»¸ö×Ó´°¿Ú£¬²¢ÇÒ¿ÉÓ븸´°¿ÚÏ໥´«µÝÊý¾Ý£¬ËüÓëwindow.openµÄ×î´óÇø±ð¾ÍÔÚÓÚÓÉShowModalDialog´ò¿ª×Ó´°¿Úºó£¬¸¸´°¿Ú½«²»ÄܲÙ×÷¡£
ʹÓ÷½·¨£º
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
²ÎÊý˵Ã÷£º
sURL
±ØÑ¡²ÎÊý£¬ÀàÐÍ£º×Ö·û´®¡£ÓÃÀ´Ö¸¶¨¶Ô»°¿òÒªÏ ......
click() ¶ÔÏó.click() ʹ¶ÔÏó±»µã»÷¡£
closed ¶ÔÏó.closed ¶ÔÏó´°¿ÚÊÇ·ñÒѹرÕtrue/false
clearTimeout(¶ÔÏó) Çå³ýÒÑÉèÖõÄsetTimeout¶ÔÏó
clearInterval(¶ÔÏó) Çå³ýÒÑÉèÖõÄsetInterval¶ÔÏó
confirm("ÌáʾÐÅÏ¢") µ¯³öÈ·ÈÏ¿ò£¬È·¶¨·µ»ØtrueÈ¡Ïû·µ»Øfalse
cursor:Ñùʽ ¸ü¸ÄÊó±êÑùʽ hand crosshair text wait help defa ......