10ÖÖJavaScriptÌØЧʵÀýÈÃÄãµÄÍøÕ¾¸üÎüÒýÈË
½ñÌìµÄ»°ÌâÊÇÈçºÎ¸Ä½ø×Ô¼ºÍøÕ¾µÄ½çÃæ»òÌá¸ßÍøÕ¾µÄÊÓ¾õÌåÑ飬´Ó¶øÈÃÓû§¼ÇÒäÓÌС£
¡¡¡¡ÎÒÃÇÓÐÈýÖÖÖ÷ÒªµÄ·½·¨(´ÓÄѵ½Ò×):×Ô¼º¶¯ÊÖд½Å±¾;ʹÓÃÀàËÆÓÚjQueryºÍmooToolsµÄJavaScript¿ò¼Ü(¿ÉÒÔÈñàд´úÂë±ä
µÃ¸üÈÝÒ×Щ);ʹÓÃÄܹ¤×÷ÓÚÏÖÓеÄJavaScript¿ò¼ÜϵÄÌáÇ°Ô¤ÖúõĽű¾»òÄÇÖÖ´ÓÍ·¿ªÊ¼¿ª·¢µÄ´´½¨Õß¡£ÕâƪÎÄÕÂÊʺÏÄÇЩ´òËãÌá¸ß¹¤×÷ЧÂÊ»ò²»Ô¸Òâ
´ÓÍ·¿ª·¢½Å±¾µÄÈËÔĶÁ¡£
¡¡¡¡ÕâÀïÊÕ¼¯ÁË10ÖÖÇ¿´ó
µÄÇÒÈÝÒ×ÉÏÊÖ
µÄJavaScriptÌØЧÀ´¸Ä½øÄú
µÄÍøÒ³Õ¾½çÃ棬´Ó¶øµÃµ½¸ü¶àµÄÓû§ÌåÑé¡£Õâ10ÖÖjavaScriptÌØЧ»ØζÄãµÄÍøÕ¾´øÀ´ÒâÏë²»µ½µÄÊÓ¾õÊ¢Ñ磬¶øÇÒ°²×°ºÍʹÓö¼±È½ÏÈÝÒס£
Äú»¹¿ÉÒԲο¼ÒÔÏÂ
JavaScript/AjaxÏà¹Ø½Ì³Ì¼°×ÊÔ´:
¡¶10¸ö·Ç³£°ôµÄ
Ajax¼°JavascriptʵÀý×ÊÔ´ÍøÕ¾
¡·
¡¶12ÖÖ
Javascript½â¾ö³£¼ûä¯ÀÀÆ÷¼æÈÝÎÊÌâµÄ·½·¨
¡·
¡¶300+Jquery,
CSS, MooTools ºÍ JSµÄµ¼º½²Ëµ¥×ÊÔ´
¡·
1.GreyBox
¡¡¡¡GreyBox
ÔÊÐíÄãÒÔÄ£
ʽ´°¿Ú
µÄÐÎʽÔËÐÐÆäËüÍøÕ¾(ÀàËÆÓÚµ¯³öʽ´°¿Ú£¬µ«ÓÖ²»ÔËÐÐеÄä¯ÀÀÆ÷´°¿Ú).Èç¹ûÄãµÄÍøÕ¾ÉÏÓÐһЩÆäËûÍøÕ¾µÄµ¼³öÁ´½Ó£¬µ«ÄãÓÖ²»ÏëÈÃÄãµÄÓû§À뿪
ÄãµÄÍøÕ¾»ò²»ÏëÈÃËûÃÇ´ò¿ªÁíÒ»¸öä¯ÀÀÆ÷´°¿ÚµÄ»°£¬ÕâÕæµÄÊÇÒ»¸öºÜºÃµÄ½â¾ö·½°¸¡£Ê¹ÓÃGreyBox ·Ç³£¼òµ¥¡£
¡¡¡¡ÕâÀïÊǹØÓÚGreyBoxµÄ¹Ø¼üÒ³Ãæ:ÏÂÔØÒ³Ãæ
, ˵Ã÷Ò³Ãæ
, ʵÀý
, °²×°
,ºÍ ¸ß¼¶Ó÷¨
(Èç¹ûÄãÊÇ
JavaScript¸ßÊÖ£¬¿´ÍêÕâ¸öÒ³ÃæÖеÄһЩ¼¼ÇÉ˵Ã÷£¬Äã¾ÍÄÜÀ©Õ¹ËüµÄº¯Êý¿âÁË)
2.instant.js
¡¡¡¡instant.js
ÌØЧ»áΪÄãµÄÕÕƬ¶¯Ì¬Ìí¼ÓÀàËÆÆ«Õñ(Polaroid-like)µÄЧ¹û(½«ÕÕƬÇãб²¢Ìí¼ÓÒõÓ°ºÍ±ß
¿ò)¡£ÏÖÔÚÎÒÃÇ¿ÉÒÔʹÓÃÕâ¸öÕÕƬÌØЧģÄâPhotoshopµÄÊýÂëÕÕƬ´¦ÀíÁË¡£
¡¡¡¡Õâ¸ö½Å±¾¼¼Êõ¿ÉÒÔÓÃÓÚÔÚÄãµÄÍøÕ¾ÉÏÓкܶàÕÕƬ£¬µ«ÓÖ²»ÏëÒ»¸ö¸öÊÖ¶¯´¦ÀíµÄÇé¿ö¡££¨Ò²ÐíÄã»áʹÓÃÅúÁ¿´¦Àí£¬µ«ÄÇÖ»Êǽ¨Á¢ÓÚµ¥Ò»µÄ¶¯×÷ϵģ¬Èçµ÷Õû
³ß´ç¡¢²Ã¼ôµÈ…£©
3.mooTable
¡¡¡¡mooTableÔÊÐíÄãΪ±í¸ñÖеÄÊý¾Ý½øÐÐÅÅÐò(²»ÓÃË¢ÐÂÒ³Ãæ)£¬ÀûÓÃDOMÌæ´úÊý¾Ý¿âµÄÇëÇóµÄÐÂʽÅÅÐò·½·¨¡£Ê¹Óüòµ¥£¬½öÐèÇá΢µÄÅäÖü´¿É¡£
¡¡¡¡Õâ¸ö½Å±¾¿âÐèÒªmooTools¿ò¼ÜµÄÖ§³Ö£¬Äã¿ÉÒÔÔÚÕâÀïÏÂÔØ
¡£Ä㻹¿ÉÒÔÔÚÂÛ̳ÖеÄmootools°å¿é
Ñ°
ÕÒһЩ´´½¨mooTableµÄ·½·¨£¬»áÓкܶàmootools¿ª·¢Õߵķ´À¡¡£
4.FancyForm
¡¡¡¡FancyForm
¿ÉÒÔÈ¡´úµ¥µ÷·¦Î¶µÄ±íµ¥¿Ø¼þÈ絥ѡ°´Å¥ºÍ¸´Ñ¡¿ò¡£»ù±¾µÄʹÓýöÐèÁ½²½:(1)ÔÚÒ³ÃæÖе÷ÓÃ
JavaScriptÎļþ (2)ΪÄãµÄ±íµ¥¿Ø¼þÖ¸¶¨ÀàÃû£¬È縴ѡ¿òÖ¸¶¨clas
Ïà¹ØÎĵµ£º
ÏÖÔڸоõjsºÜºÃºÜÇ¿´ó£¬Ëæ×ÅÉîÈëµÄѧϰ£¬Äã¾Í»á²»»á¾Ü¾øÔÚ¿Í»§¶ËʹÓÃjs¡£Ö®Ç°Ò²ÔÚÍøÉÏÕÒÁ˵ã×ÊÁÏ£¬Ò»Æð¿´¿´¡£
value="ÎÒÊÇ button" />
¶¯Ì¬Ìí¼Óonclickʼþ£º
<input type="button" value="ÎÒÊÇ button" id="bu">
<script type="text/javascript">
var bObj=document. ......
±¾ÎļòÒª½éÉÜJavaScriptÖÐconfirm,alert,promptµÄÓ÷¨,Ï£Íû´ó¼Òѧϰ¹ý³ÌÖÐÄܵõ½Ò»Ð©Æô·¢¡£
window.confirm ²ÎÊý¾ÍÖ»ÓÐÒ»¸ö¡£ÏÔʾÌáʾ¿òµÄÐÅÏ¢¡£°´È·¶¨,·µ»Øtrue£»°´È¡Ïû·µ»Øfalse¡£
< SCRIPT> var bln = window.confirm("È·¶¨Âð?"); alert(bln) < /SCRIPT> window.alert²ÎÊý£¬Ö»ÓÐÒ»¸ö£¬ÏÔʾ ......
JavaScript replace() ·½·¨
JavaScript String ¶ÔÏó²Î¿¼ÊÖ²á
¶¨ÒåºÍÓ÷¨
replace() ·½·¨ÓÃÓÚÔÚ×Ö·û´®ÖÐÓÃһЩ×Ö·ûÌæ»»ÁíһЩ×Ö·û£¬»òÌæ»»Ò»¸öÓëÕýÔò±í´ïʽƥÅäµÄ×Ó´®¡£
Óï·¨
stringObject.replace(regexp,replacement)
²ÎÊýÃèÊö
regexp
±ØÐè¡£¹æ¶¨ÁËÒªÌæ»»µÄģʽµÄ RegExp ¶ÔÏó¡£Çë×¢Ò⣬Èç¹û¸ÃÖµÊÇÒ»¸ö×Ö·û´®£¬Ôò½ ......
with
(object)
statements
²ÎÊý
object
еÄĬÈ϶ÔÏó¡£
statements
Ò»¸ö»ò¶à¸öÓï¾ä£¬object ÊǸÃÓï¾äµÄĬÈ϶ÔÏó¡£
˵Ã÷
with
Óï¾äͨ³£ÓÃÀ´Ëõ¶ÌÌض¨ÇéÐÎϱØÐëдµÄ´úÂëÁ¿¡£ÔÚÏÂÃæµÄÀý×ÓÖУ¬Çë×¢Òâ Math µÄÖظ´Ê¹Óãº
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10)
y = Math.tan(14 * ......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>FLYSO Blog-- JS´úÂëʵÏÖµÄ×Ô¶¯·ÖҳЧ¹û~!</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT=""& ......