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 ¿Ø¼þ£¬ÑÝʾ£¬Ê¾Àý
¡¡¡¡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 ¿Ø¼þ£¬ÑÝʾ£¬Ê¾Àý
¡¡¡¡jQuery UI
¡¡¡¡jQuery UI »ùÓ
Ïà¹ØÎĵµ£º
Ê×ÏÈÊÇÊ®¸öJS FRAMEWORK
jquery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
jquery UI
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
Chrome Frame
<script src=& ......
thisÊÇJavascriptÓïÑÔµÄÒ»¸ö¹Ø¼ü×Ö¡£
Ëü´ú±íº¯ÊýÔËÐÐʱ£¬×Ô¶¯Éú³ÉµÄÒ»¸öÄÚ²¿¶ÔÏó£¬Ö»ÄÜÔÚº¯ÊýÄÚ²¿Ê¹ÓᣱÈÈ磬
¡¡¡¡function test(){
¡¡¡¡¡¡¡¡this.x = 1;
¡¡¡¡}
Ëæן¯ÊýʹÓó¡ºÏµÄ²»Í¬£¬thisµÄÖµ»á·¢Éú±ä»¯¡£µ«ÊÇÓÐÒ»¸ö×ܵÄÔÔò£¬ÄǾÍÊÇthisÖ¸µÄÊÇ£¬µ÷Óú¯ÊýµÄÄǸö¶ÔÏó¡£
ÏÂÃæ·ÖËÄÖÖÇé¿ö£¬ÏêϸÌÖÂÛthisµÄÓ÷¨¡£
......
¼¸ºõËùÓеĸ» Web Ó¦Óö¼»ùÓÚÒ»¸ö»ò¶à¸ö Web UI ¿â»ò¿ò¼Ü£¬ÕâЩ UI ¿âÓë¿ò¼Ü¼«´óµØ¼ò»¯ÁË¿ª·¢½ø³Ì£¬²¢´øÀ´Ò»Ö£¬¿É¿¿£¬ÒÔ¼°¸ß¶È½»»¥ÐÔµÄÓû§½çÃæ¡£±¾ÎĽéÉÜÁË 15 ¸ö·Ç³£Ç¿´óµÄ JavaScript Web UI ¿â£¬·Ç³£Êʺϸ÷ÖÖ¸÷ÖÖ¹æÄ£µÄ¸» Web Ó¦ÓõĿª·¢¡£
LivePipe
LivePipe UI »ùÓÚ Prototype Javascript ¿ò¼Ü£¬°üº¬ÁËÒ»ÕûÌ×¾Ñϸ ......
ÔÎĵØÖ·£ºhttp://blog.zenw.org/index/view/id/8
¾ÍÔڸղţ¬Ê¹ÓÃGOOGLE²é¿´Ã÷ÌìµÄÌìÆø£¬¿´µ½ÁËGOOGLEΪ¼ÍÄ³Ô¶¹³¬ÈË¡·30ÖÜÄê¶ø¸üеġ¶³Ô¶¹³¬ÈË¡·JavaScript LOGOÓÎÏ·¡£ºÜÓÐÒâ˼¡£¶øÇÒ»¹Ö§³ÖË«´ò£¨ÔÀ´µÄ“ÊÖÆø²»´í”°´Å¥±»ÉèÖÃΪÁËË«´òÆô¶¯°´Å¥“Insert Coin”£©¡£À´ÊÔÊÔ°É¡£
ÈçÏÂͼ
¸Õ¸Õ½øÈëºó ......