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
Ïà¹ØÎĵµ£º
±¾ÎĽéÉÜjavascriptÁ¬½ÓaccessÊý¾Ý¿âµÄ·½·¨¡£Õâ¶Î´úÂëÔÚ±¾µØ¿ÉÒÔÕý³£ÔËÐУ¬ÔÚÏßÔòÐèÒª×ã¹»µÄȨÏÞ¡£ÓÉÓÚ²ÉÓÃAccessÊý¾Ý¿â£¬ËùÒÔ²¢²»Ê¹Óñê×¼µÄSQLÓ﷨ʹÓÃʱ¡£ÐèҪעÒâ¡£
Õ⼸Ìì·ÑÁËͦ´óÁ¦ÆøÔÚÍøÉϲéÕÒjavascriptÁ¬½ÓaccessÊý¾Ý¿âµÄ·½·¨£¬¾¹ýÕûÀí×ܽᣬÖÕÓÚд³öÒ»¶ÎÄܹ»ÓÐЧִÐеĴúÂë¡£
µ«ÊÇÕâ¶Î´úÂëÔÚ±¾µØ¿ÉÒÔÕý³£ÔËÐУ ......
<html>
<head><title>js¿ÉÒƶ¯´°¿ÚµÄÉè¼Æ</title>
<script language="javascript">
var x0=0,y0=0,x1=0,y1=0;//³õʼ»¯È«¾Ö±äÁ¿
var offx=6,offy=6;
var moveable=false;
var hover='orange';//color;
var index=10000;//z-index;
//¹Ø±Õ´°¿Ú
function closeWin(id)
{& ......
ÉîÈëÀí½âJavaScriptµÄ±äÁ¿×÷ÓÃÓò
http://www.cnblogs.com/rainman/archive/2009/04/28/1445687.html
ÔÚѧϰJavaScriptµÄ±äÁ¿×÷ÓÃÓò֮ǰ£¬ÎÒÃÇÓ¦µ±Ã÷È·¼¸µã£º
a¡¢JavaScriptµÄ±äÁ¿×÷ÓÃÓòÊÇ»ùÓÚÆäÌØÓеÄ×÷ÓÃÓòÁ´µÄ¡£
b¡¢JavaScriptûÓп鼶×÷ÓÃÓò¡£
c¡¢º¯ÊýÖÐÉùÃ÷µÄ±äÁ¿ÔÚÕû¸öº¯ÊýÖж¼Óж¨Òå¡£
1¡¢JavaScriptµÄ×÷ÓÃÓòÁ´ ......
<!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=""& ......
JavaScriptʼþ·ÖÀࣺ
1¡¢²¶»ñÐÍ£¨IE²»Ö§³Ö£©£¨´ÓDOM½á¹¹µÄ×¶Ë¿ªÊ¼ÏòÏÂÑÓÉ죩
2¡¢Ã°ÅÝÐÍ£¨´ÓDOM½á¹¹µÄ×îµÍ¶ËÏòÉÏÒ»¼¶¼¶ÑÓÉ죩
¡¾IE7ÒÔÉÏ¿ÉÒÔ¸ø‘html’Ìí¼Óonclickʼþ£¬IEÖÐbody->html£¬»ðºüÖÐhtml->body¡¿
JavaScriptÌí¼Óʼþ¼àÌý£º
1¡¢IE£º
[object].attachEvent("event_handler", fnHandler); ......