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

ÍƼö9¿îºÜ°ôµÄÍøÒ³»æÖÆͼ±íJavaScript¿ò¼Ü½Å±¾


    ½ñÌìÒªÏò´ó¼ÒÍƼö9¿îºÜ°ôµÄ¿ÉÔÚÍøÒ³ÖлæÖÆͼ±íµÄJavaScript½Å±¾£¬ÕâЩÓÐȤµÄJS½Å±¾¿ÉÒÔ°ïÖúÄã¿ìËÙ·½±ãµÄ»æÖÆͼ±í£¨Ïß¡¢Ãæ¡¢±ý¡¢Ìõ…£©£¬ÆäÖаüÀ¨jQuery¡¢MooTools¡¢PrototypeºÍһЩÆäËüµÄJavaScript¿ò¼Ü¡£

Äú»¹¿ÉÒԲο¼ÒÔÏÂJavaScript/CSSÏà¹Ø½Ì³Ì¼°×ÊÔ´:


¡¶¾«Ñ¡30¸öÓÅÐãµÄCSS¼¼ÊõºÍʵÀý
¡·

¡¶300+Jquery, CSS, MooTools ºÍ JSµÄµ¼º½²Ëµ¥×ÊÔ´
¡·
1.Flot
Flot
ÊÇ»ùÓÚ jQuery¿ò¼Ü»æÖÆͼ±íµÄ´¿Javascript¿ò¼Ü¡£Ëü¿ÉÔÚ¿Í»§¶Ë¼´Ê±»æÖƲ¢Éú³É¸÷ÖÖͼÐΡ£ÖØÒªµÄÊÇËüʹÓüò±ã£¨»¹Óкܶà¿ÉÑ¡µÄÉèÖã©¡¢ÎüÒýÈ˵ÄÊÓ¾õЧ¹ûºÍ½»»¥¹¦ÄÜ£¬Èçͼ±íËõ·ÅºÍÊó±ê¸ú×ٵȡ£¸Ãjavascript¿ò¼ÜÊÊÓÃÓÚÎÒÃÇËùÊìÖªµÄ Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+ä¯ÀÀÆ÷¡£ ²é¿´Í¼±íÑùÀý
2.JS Charts


JS Chart
ÊÇÐèҪһЩ¼òµ¥»òÎÞÐèÊÖ¹¤Êéд±àÂëµÄ»ùÓÚJavascriptµÄÃâ·Ñͼ±íÉú³ÉÆ÷¡£Ê¹ÓÃJS Chart¿ÉÒԺܼòµ¥ºÜÈÝÒ×µÄÍê³ÉÄãµÄÉú³Éͼ±íÈÎÎñ£¬ÒòΪÄãÖ»ÐèҪʹÓÿͻ§¶Ë½Å±¾(¼´ä¯ÀÀÆ÷¶Ë)£¬ÎÞÐè¶àÓàµÄ²å¼þ»ò·þÎñÆ÷¶ËÄ£¿é¡£ÄãÖ»ÐèҪ׼±¸ºÃJS Chart½Å±¾¡¢°üº¬Í¼±íÊý¾ÝµÄXML»òJavascriptÊý×飬ÄãµÄͼ±í¾Í×¼±¸¾ÍÐ÷ÁË¡£
3. TableToChart
TableToChart
ÊÇ»ùÓÚMooTools JS¿ò¼ÜµÄÍøҳͼ±íÉú³ÉÆ÷£¬Ëüͨ¹ý°üº¬ÔÚHTML tableÖеÄÖµÀ´»æÖÆͼÐÎͼ±í¡£Äú¿ÉÒÔʹÓÃTable±êÇ©À´Éú³Éͼ±í£¬Ìõ¡¢Ïߺͱý¶¼¿ÉÒÔ¡£
4.PlotKit
PlotKit
ÊÇÒ»¿î»æÖÆͼ±íͼÐεÄJavascript¿ò¼Ü¡£ËüÖ§³ÖHTML Canvas¡¢»ùÓÚAdobe SVG ViewerµÄSVGºÍ±¾µØä¯ÀÀÆ÷¡£
5. Yahoo UI Charts Control
YUIͼ±í¹ÜÀí
¿ÉÒÔÔÚÍøÒ³ÖÐÒÔ´¹Ö±Ìõ¡¢ºáÌõ¡¢Ïß¡¢±ýµÈÐÎʽ¿ÉÊÓ»¯³ÊÏÖͼ±í¡£Ö÷ÒªÌØÉ«°üÀ¨Ö§³ÖDataSource¡¢Êó±êÐüÍ£Êý¾ÝÌáʾ¡¢×éºÏͼ±íºÍƤ·ô¹¦ÄÜ¡£
6. ProtoChart
ProtoChart
ÊÇ»ùÓÚPrototypeºÍCanvas¿É´´½¨·Ç³£Æ¯ÁÁͼ±íµÄ¿ªÔ´¿ò¼Ü¡£ËüÖ§³ÖÏß¡¢Ìõ¡¢±ý¡¢ÇúÏß¡¢»ìÔÓ(mix)¡¢Ãæͼ±íµÈ¶àÖÖÊý¾Ý´®ÁªÔÚͳһͼÐÎÖС£ËüÖ§³ÖIE6/7, FF2/3 ºÍ Safari ÉõÖÁ¿ÉÒÔÔÚ iPhoneÉϹ¤×÷.
7. EJSChart
EJSChart
Ö§³ÖÊó±ê¸ú×Ù¡¢Êó±êʼþ¡¢¼üÅ̸ú×ÙºÍʼþ¡¢Ëõ·Å¡¢¹ö¶¯¡¢Ê®×ÖÏßÔö¼Ó½»»¥¸Ð²¢ÎªÍøҳͼ±íµÄÓû§ÌåÑéÌáÉýÁËÒ»¸öµµ´Î¡£Äú¿ÉÒÔÑ¡Ôñ¶àÖÖͼ±íÀàÐÍ£ºÏß¡¢Ãæ¡¢·ÖÉ¢Êý¾Ý¡¢±ýºÍº¯Êý¼¶Êý¡£Í¼±íµÄÿ¸öϸ½Ú¶¼¿ÉÒÔ×Ô¶¨ÖÆ¡£
8.fgCharting
fgCharting
ÊÇ»ùÓÚjQuery¿ò¼ÜµÄ¼ò±ãͼ±íÉú³ÉÆ÷£¬ËüÒ²Ö§³Ö¸÷ÖÖͼ±íÀàÐͲ¢¿ÉÒÔ×Ô¶¨Òå²ÎÊý¡£
9. ´¿CssÊý¾Ýͼ±í
´¿CSS´úÂëÊ


Ïà¹ØÎĵµ£º

JavaScript »ñÈ¡¶ÔÏóµÄ¸ß¶ÈºÍ¿í¶ÈÏêϸ˵Ã÷

scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐÄ¿Ç°¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......

JavaScriptÑéÖ¤´óÈ«

jsÑéÖ¤±íµ¥´óÈ«
1. ³¤¶ÈÏÞÖÆ
<script>
function test()
{
if(document.a.b.value.length>50)
{
alert("²»Äܳ¬¹ý50¸ö×Ö·û£¡");
document.a.b.focus();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"&g ......

javascript replace µÄÕýÔò±í´ïʽ

replace()×î¼òµ¥µÄËãÊÇÄÜÁ¦¾ÍÊǼòµ¥µÄ×Ö·ûÌæ»»¡£ ʾÀý´úÂëÈçÏ£º
ËüÖ»Ìæ»»ÁËÊ××Öĸ¡£µ«Èç¹û¼ÓÉÏÕýÔò±í´ïʽ½á¹û¾Í²»Ò»ÑùÁË£¡replace()Ö§³ÖÕýÔò±í´ïʽ£¬Ëü¿ÉÒÔ°´ÕÕÕýÔò±í´ïʽµÄ¹æÔòÆ¥Åä×Ö·û»ò×Ö·û´®£¬È»ºó¸øÓèÌæ»»£¡ ×¢Ò⣺±»Ìæ»»µÄ²¿·Ö²»ÓüÓË«ÒýºÅ.
ÕâÑù»¹ÊÇÖ»Ìæ»»Á˵ÚÒ»¸ö×Öĸa¡£
ÓÉÉÏ¿ÉÖª£¬µ±ÕýÔò±í´ïʽÓÐ"g"±ê־ʱ£¬´ ......

selectÔªËØjavascript³£ÓòÙ×÷

 *˵Ã÷£ºselectÔªËØjavascript³£ÓòÙ×÷
* 1.ÅжÏÊÇ·ñ´æÔÚÖ¸¶¨valueµÄItem
* 2.¼ÓÈëÒ»¸öItem
* 3.ɾ³ýֵΪvalueµÄËùÓÐItem
* 4.ɾ³ýijһ¸öindexµÄÑ¡Ïî
* 5.¸üеÚindexÏîµÄvalueºÍtext
* 6.ÉèÖÃselectÖÐÖ¸¶¨textµÄµÚÒ»¸öItemΪѡÖÐ
* 7.ÉèÖÃselectÖÐÖ¸¶¨valueµÄµÚÒ»¸öItemΪѡÖÐ
* 8.µÃµ½µ±Ç°Ñ¡ÖÐÏîµÄv ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ