javascript µÄ UI ¿ò¼Ü
MochaUI
MochaUI is a web applications user interface library built on the Mootools JavaScript framework.
꿅᣼http://mochaui.com/
ÑÝʾ£ºhttp://mochaui.com/demo/
ÊÚȨ·½Ê½£ºMIT License
jquery UI
꿅᣼http://ui.jquery.com/
ÑÝʾ£ºhttp://ui.jquery.com/demos
ÊÚȨ·½Ê½£ºMIT and GPL licenses
jquery UI Layout
꿅᣼http://layout.jquery-dev.net/
ÑÝʾ£ºhttp://layout.jquery-dev.net/demos.html
ÊÚȨ·½Ê½£ºdual-licensed under the GPL and MIT licenses.
Dojo
꿅᣼http://dojotoolkit.org/
ÑÝʾ£ºhttp://dojotoolkit.org/demos
ÊÚȨ·½Ê½£ºBSD License and the Academic Free License
Rico
꿅᣼http://openrico.org/
ÑÝʾ£º http://demos.openrico.org/
ÊÚȨ·½Ê½£º Apache 2.0 License
backbase
Ò»¸ö±È½ÏÈ«ÃæµÄÆóÒµ¼¶UI¿ò¼Ü
꿅᣼http://backbase.com/
ÑÝʾµØÖ·£ºhttp://www.backbase.com/products/ajax_demos/
ÊÚȨ£ºThe Backbase Community License
vegui
꿅᣼http://www.vegui.org/
ÑÝʾµØÖ·£ºhttp://demo.vegui.org/
ÊÚȨ·½Ê½£ºMIT license
openlaszlo
Èç¹ûÄãÒÔǰÌý¹ýopenlaszlo£¬Ò»¶¨»áÈÏΪÕâÖ»ÊÇ¿ª·¢flashµÄ£¬²»¹ý£¬ÏÖÔÚopenlaszloÒѾ֧³Ö¿ª·¢´¿javascriptµÄÓ¦ÓÃÁË¡£
꿅᣼http://www.openlaszlo.org/
ÑÝʾ£ºhttp://www.openlaszlo.org/showcase
ÊÚȨ·½Ê½£ºCommon Public License (Version 1.0)
jxlib
»ùÓÚMooTools µÄÒ»¸öUI¿â
꿅᣼http://jxlib.org/
ÑÝʾ£ºhttp://jxlib.org/
ÊÚȨ·½Ê½£ºMIT license
qooxdoo
꿅᣼http://qooxdoo.org/
ÑÝʾ£ºhttp://qooxdoo.org/demo
ÊÚȨ·½Ê½£ºLGPL/EPL dual license
zk
꿅᣼http://www.zkoss.org/
ÑÝʾµØÖ·£ºhttp://www.zkoss.org/demo/
ÊÚȨ·½Ê½£ºGPL License
yui
꿅᣼http://developer.yahoo.com/yui/
ÑÝʾ£ºhttp://developer.yahoo.com/yui/examples/
ÊÚȨ·½Ê½£ºBSD License
extjs
꿅᣼http://extjs.com/
ÑÝʾ£ºhttp://extjs.com/products/extjs/
ÊÚȨ·½Ê½£ºDual Licensing Model
Ïà¹ØÎĵµ£º
ͼÏñµØÍ¼Ö¸µÄÊÇ´øÓпɵã»÷ÇøÓòµÄͼÏñ¡£
ʵÀý
¼òµ¥µÄ HTML ͼÏñÓ³Éä
±¾ÀýÑÝʾһ·ùûÓÐÌí¼Ó JavaScript µÄͼÏñÓ³Éä¡£
Ìí¼ÓÁË JavaScript µÄͼÏñÓ³Éä
±¾ÀýÑÝʾһ·ùÌí¼ÓÁË JavaScript µÄͼÏñÓ³É䣬µ±Êó±ê¸¡¶¯ÓÚij¸öÈȵãÉÏʱ£¬»áµ÷Óà JavaScript º¯ÊýÀ´ÏÔʾÈȵãËù¶ÔÓ¦µÄÐÇÇòµÄ¼ò½é¡£
JavaScript ͼÏñµØÍ¼
ÎÒÃÇÒѾ ......
»ñÈ¡ÏÔʾµÄºº×Ö
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
»ñÈ¡Êý¾Ý¿âÖеÄid
window.document.getElementById("bigclass").value
»ñÈ¡select×é·ÖÅäµÄË÷Òýid
window.document.getElementById("bigclass").selectedIndex
Àý×Ó£º
<select name= ......
1. oncontextmenu="window.event.returnValue=false" ½«³¹µ×ÆÁ±ÎÊó±êÓÒ¼ü
<table border oncontextmenu=return(false)><td>no</table> ¿ÉÓÃÓÚTable
2. <body onselectstart="return false"> È¡Ïûѡȡ¡¢·ÀÖ¹¸´ÖÆ
3. onpaste="return false" ²»×¼Õ³Ìù
4. oncopy="return false;" oncut="re ......
1.substring ·½·¨
¶¨ÒåºÍÓ÷¨
substring ·½·¨ÓÃÓÚÌáÈ¡×Ö·û´®ÖнéÓÚÁ½¸öÖ¸¶¨Ï±êÖ®¼äµÄ×Ö·û¡£
Óï·¨
stringObject.substring(start,stop)
²ÎÊý ÃèÊö
start ±ØÐè¡£Ò»¸ö·Ç¸ºµÄÕûÊý£¬¹æ¶¨ÒªÌáÈ¡µÄ×Ó´®µÄµÚÒ»¸ö×Ö·ûÔÚ stringObject ÖеÄλÖá£
stop ¿ÉÑ¡¡£Ò»¸ö·Ç¸ºµÄÕûÊý£¬±ÈÒªÌáÈ¡µÄ×Ó´®µÄ×îºóÒ»¸ö×Ö·û ......
ʵÏÖЧ¹û£º
ÒýÈëJSºÍCSSÎļþ£º
<mce:script type='text/javascript' src="dropdown/jquery-1.2.3.min.js" mce_src="dropdown/jquery-1.2.3.min.js"></mce:script>
<mce:script type='text/javascript' src="dropdown/menu.js" mce_src="dropdown/menu.js"></mce:script>
<link rel=" ......