10ÖÖJavaScriptÌØЧʵÀýÈÃÄãµÄÍøÕ¾¸üÎüÒýÈË
½ñÌìµÄ»°ÌâÊÇÈçºÎ¸Ä½ø×Ô¼ºÍøÕ¾µÄ½çÃæ»òÌá¸ßÍøÕ¾µÄÊÓ¾õÌåÑ飬´Ó¶øÈÃÓû§¼ÇÒäÓÌС£
ÎÒÃÇÓÐÈýÖÖÖ÷ÒªµÄ·½·¨(´ÓÄѵ½Ò×):×Ô¼º¶¯ÊÖд½Å±¾;ʹÓÃÀàËÆÓÚjQueryºÍmooToolsµÄJavaScript¿ò¼Ü(¿ÉÒÔÈñàд´úÂë±äµÃ¸üÈÝÒ×Щ);ʹÓÃÄܹ¤×÷ÓÚÏÖÓеÄJavaScript¿ò¼ÜϵÄÌáÇ°Ô¤ÖúõĽű¾»òÄÇÖÖ´ÓÍ·¿ªÊ¼¿ª·¢µÄ´´½¨Õß¡£ÕâƪÎÄÕÂÊʺÏÄÇЩ´òËãÌá¸ß¹¤×÷ЧÂÊ»ò²»Ô¸Òâ´ÓÍ·¿ª·¢½Å±¾µÄÈËÔĶÁ¡£
ÕâÀïÊÕ¼¯ÁË10ÖÖÇ¿´ó
µÄÇÒÈÝÒ×ÉÏÊÖ
µÄJavaScriptÌØЧÀ´¸Ä½øÄúµÄÍøÒ³Õ¾½çÃ棬´Ó¶øµÃµ½¸ü¶àµÄÓû§ÌåÑé¡£Õâ10ÖÖjavaScriptÌØЧ»ØζÄãµÄÍøÕ¾´øÀ´ÒâÏë²»µ½µÄÊÓ¾õÊ¢Ñ磬¶øÇÒ°²×°ºÍʹÓö¼±È½ÏÈÝÒס£
Äú»¹¿ÉÒԲο¼ÒÔÏÂJavaScript/AjaxÏà¹Ø½Ì³Ì¼°×ÊÔ´:
¡¶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)ΪÄãµÄ±íµ¥¿Ø¼þÖ¸¶¨ÀàÃû£¬È縴ѡ¿òÖ¸¶¨class=”checked” »ò class=”unchecked”£¬µ¥Ñ¡¿ò
Ïà¹ØÎĵµ£º
ʹÓÃJavaScript ¶ÔCookie ²Ù×÷µÄ·â×°
ͨ¹ý±¾Æª,ÄúÄÜÁ˽⵽:
ÄäÃûº¯Êý
±Õ°üµÄ²úÉú
JavaScriptʵÏÖprivate ÒÔ¼° public ·ÃÎÊȨÏÞ
document.cookie µÄ²Ù×÷
Javascript ûÓÐ private , public ·ÃÎÊȨÏÞÉèÖõĹؼü×Ö,µ«ÊÇ¿ÉÒÔͨ¹ýÒ»¶¨µÄ¼¼ÇÉÀ´Ä£Äâ³öÏàͬµÄ½á¹û.
Ê×ÏÈÎÒÃÇÀ´¿´ÏÂÃæÒ»ÐÐ ......
ת×Ô£ºhttp://www.cnblogs.com/ly5201314/archive/2009/03/04/1402993.html
JavaScript£ºÖ»ÄÜÊäÈëÊý×Ö(IE¡¢FF)
ΪÁ˽â¾öÖ»ÄÜÊäÈëÊý×ÖµÄÎÊÌ⣬ÍøÉÏÓÐÐí¶à×ÊÁÏ£¬ÏÖ¹é£һÏ¡£
¡¡¡¡Ò»¡¢²»´ø¸ººÅµÄÊäÈë
ÕâÀûÓнâ¾ö“Õý¸ººÅ”µÄÎÊÌâ¡£
ÓÉÓÚ“Õý¸ººÅ”±ØÐë³öÏÖÔÚÊý×ÖµÄ×îÇ°¶Ë£¬Òò´Ë£¬±ØÐëÒªÅжϵ±Ç° ......
Èç¹ûAJAX¼ÓÔصÄÊý¾ÝÊÇÒ»¸öHTMLƬ¶Î£¬¶øÇÒÕâ¸öHTMLƬ¶Î»¹°üº¬½Å±¾<script>¿é£¬ÄÇôÔÚÄã°ÑÕâÊý¾ÝxmlHttp.responseTextÓÃinnerHTML·½·¨²åÈëµ½µ±Ç°ÎĵµÒ»¸öÔªËØÖУ¬Äã»á·¢ÏÖAJAX¼ÓÔØ»ØÀ´µÄ½Å±¾¸ù±¾Ã»ÓÐÖ´ÐС£ÕâÊÇAJAX¿ª·¢Öкܳ£¼ûµÄÎÊÌ⣬Èç¹ûÄã²»ÊÇÒ»Ö±ÔÚÓÃJavaScript¿ò¼Ü×ö¿ª·¢£¬ÏàÐÅÄãÔç¾Í·¢ÏÖÕâ¸öÎÊÌâÁË¡£±¾ÎÄ·ÖÎöÁËÁ ......
ÎÒÃÇÌᳫ¾¡¿ÉÄÜʹÓÃCSS£¬¶øÇÒÎÒÃdz£³£ÄÜ×öµ½ÕâÒ»µã¡£ÏÖ´úä¯ÀÀÆ÷ÓкܺõÄCSSÖ§³Ö-ÕâÎÞÒÉ×ã¹»ºÃÈÃÄãʹÓÃCSSÀ´¿ØÖƲ¼¾ÖºÍ°æÃæÉè¼Æ¡£µ«ÊÇÓÐʱºò£¬Ä³Ð©ÍøÒ³ÔªËØÔÚ²»Í¬µÄä¯ÀÀÆ÷»á³öÏÖ²»Í¬¡£
Èç¹ûÄã²»ÖªµÀÔÒò£¬²»Òª¹ýÓÚµ£ÐÄ£¬ÇëÑо¿CSS¹æÔò²¢²é¿´ÕâƪÎÄÕÂ:ʹÓÃCSSÀ´ÐÞÕýÒ»ÇÐ: 20 +³£¼û´ ......
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional ......