Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

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 ¿Ø¼þ£¬ÑÝʾ£¬Ê¾Àý
jQuery UI
jQuery UI »ùÓÚ jQuery£¬°üº¬ 3 ¸ö´óÀ࣬Êμþ£¬Ò»Ð©ÄÚÖÃµÄ UI ¶ÔÏó£»Ð§¹û£¬¶Ô¸÷ÖÖÍøÒ³¶


Ïà¹ØÎĵµ£º

JavascriptË¢ÐÂÒ³Ãæ´óÈ«

·Çģ̬ˢи¸Ò³Ã棺window.opener.location.reload();
ģ̬ˢи¸Ò³Ã棺window.dialogArguments.location.reload();
 
ÏÈÀ´¿´Ò»¸ö¼òµ¥µÄÀý×Ó£º
   ÏÂÃæÒÔÈý¸öÒ³Ãæ·Ö±ðÃüÃûΪframe.html¡¢top.html¡¢bottom.htmlΪÀýÀ´¾ßÌå˵Ã÷ÈçºÎ×ö¡£
  
   frame.html ÓÉÉÏ(top.html)ÏÂ(bo ......

event.keycode´óÈ«(javascript)

event.keycode´óÈ«(javascript)
keycode 8 = BackSpace BackSpace
keycode 9 = Tab Tab
keycode 12 = Clear
keycode 13 = Enter
keycode 16 = Shift_L
keycode 17 = Control_L
keycode 18 = Alt_L
keycode 19 = Pause
keycode 20 = Caps_Lock
keycode 27 = Escape Escape
keycode 32 = space space
......

JavaScriptʼþ´óÈ«

click() ¶ÔÏó.click() ʹ¶ÔÏó±»µã»÷¡£
closed ¶ÔÏó.closed ¶ÔÏó´°¿ÚÊÇ·ñÒѹرÕtrue/false
clearTimeout(¶ÔÏó) Çå³ýÒÑÉèÖõÄsetTimeout¶ÔÏó
clearInterval(¶ÔÏó) Çå³ýÒÑÉèÖõÄsetInterval¶ÔÏó
confirm("ÌáʾÐÅÏ¢") µ¯³öÈ·ÈÏ¿ò£¬È·¶¨·µ»ØtrueÈ¡Ïû·µ»Øfalse
cursor:Ñùʽ ¸ü¸ÄÊó±êÑùʽ hand crosshair text wait help defa ......

javascript¼¼ÇÉ´óÈ«

ʼþÔ´¶ÔÏó
event.srcElement.tagName
event.srcElement.type
²¶»ñÊÍ·Å
event.srcElement.setCapture();
event.srcElement.releaseCapture();
ʼþ°´¼ü
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
ʼþ·µ»ØÖµ
event.returnValue
Êó±êλÖÃ
event.x
event.y
´°Ìå»î¶¯ÔªËØ
d ......

javascriptÖм¸ÖÖ²Ù×÷´òÓ¡µÄ·½·¨

1¡¡¾Ö²¿´òÓ¡·½·¨£º
×÷Ó㺽«idΪdayinµÄÄÚÈÝ£¬Ð½¨Ò³Ãæ²¢´òÓ¡£¬¿É½â¾ö´òӡijҳÃæÖеIJ¿·ÖÄÚÈݵÄÎÊÌâ¡£
ʹÓ÷½·¨£º½«Òª´òÓ¡µÄÄÚÈÝͨ¹ý <span id="dayin"></span>°üº¬ÆðÀ´£¬È»ºóÔÚij¸ö°´Å¤Öж¨Òå
ʼþ
<input type="button" onclick="dayin()" value="´òÓ¡">
function dayin()  
{
  ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ