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

10ÖÖAJAX/JavaScriptÌØЧʵÀýÈÃÄãµÄÍøÕ¾¸üÎüÒýÈË

 ½ñÌìµÄ»°ÌâÊÇÈçºÎ¸Ä½ø×Ô¼ºÍøÕ¾µÄ½çÃæ»òÌá¸ßÍøÕ¾µÄÊÓ¾õÌåÑ飬´Ó¶øÈÃÓû§¼ÇÒäÓÌС£
¡¡¡¡ÎÒÃÇÓÐÈýÖÖÖ÷ÒªµÄ·½·¨(´ÓÄѵ½Ò×):×Ô¼º¶¯ÊÖд½Å±¾;ʹÓÃÀàËÆÓÚjQueryºÍmooToolsµÄJavaScript¿ò¼Ü(¿ÉÒÔÈñàд´úÂë±äµÃ¸üÈÝÒ×Щ);ʹÓÃÄܹ¤×÷ÓÚÏÖÓеÄJavaScript¿ò¼ÜϵÄÌáÇ°Ô¤ÖúõĽű¾»òÄÇÖÖ´ÓÍ·¿ªÊ¼¿ª·¢µÄ´´½¨Õß¡£ÕâƪÎÄÕÂÊʺÏÄÇЩ´òËãÌá¸ß¹¤×÷ЧÂÊ»ò²»Ô¸Òâ´ÓÍ·¿ª·¢½Å±¾µÄÈËÔĶÁ¡£
¡¡¡¡ÕâÀïÊÕ¼¯ÁË10ÖÖÇ¿´óµÄÇÒÈÝÒ×ÉÏÊÖµÄJavaScriptÌØЧÀ´¸Ä½øÄúµÄÍøÒ³Õ¾½çÃ棬´Ó¶øµÃµ½¸ü¶àµÄÓû§ÌåÑé¡£Õâ10ÖÖjavaScriptÌØЧ»ØζÄãµÄÍøÕ¾´øÀ´ÒâÏë²»µ½µÄÊÓ¾õÊ¢Ñ磬¶øÇÒ°²×°ºÍʹÓö¼±È½ÏÈÝÒס£
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”£¬µ¥Ñ¡¿òÖ¸¶¨class=”selected” ºÍ class=”unselected”¡£·Ç³£²»ÏÔÑÛµÄjavaScript.
¡¡¡¡¸Ã½Å±¾ÐèÒªmootoolsµÄÖ§³Ö(°æ±¾1.1)
5.image menu
¡¡¡¡image menu,ʹÓÃphatfusion¿ª·¢¶ø³É¡£·Ç³£Æ¯ÁÁµÄºáÏò²Ëµ¥


Ïà¹ØÎĵµ£º

AJAXÖе±Êó±ê»¬¹ý,ÐбäÉ«.


<style type="text/css">
<!--
.STYLE1 {
 font-size: 24px;
 font-weight: bold;
}
.STYLE2 {font-size: 36px}
-->
 .mouseOut {
    color: #000000;
 
 
  
    }
    .mouseOver {
 &nb ......

jQuery Ajax ʵÀýÑÝʾ

 
<html>
<head>
<title>jQuery Ajax ʵÀýÑÝʾ</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
   $('#send_ajax').click(function (){
&nb ......

Building a Web 2.0 Portal with asp.net ajax µÚÒ»ÕÂ


[Òë]µÚÒ»Õ ½éÉÜ Web ÃÅ»§ÒÔ¼° Dropthings.com
ÔÚÕâ±¾ÊéÖУ¬ÎÒ½«»á¸øÄúչʾÔõÑù½éÉÜÒ»¸ö Ajax£¬Web 2.0 ʽµÄÃÅ»§¡£Õâ¸öÃÅ»§Ê¹Óà ASP.NET 3.5 , ASP.NET AJAX ºÍ .NET 3.5 , ҲʹÓÃÁË LINQ ºÍ SQL Server 2005.ÔÚ´´½¨Ó¦ÓóÌÐòÖУ¬Äã¿ÉÒÔÁ˽⵽£º
±ØÐëÒª×öµÄÉè¼Æ¾ö¶¨ºÍ Web 2.0 Óû§½çÃæÖпÉÓÃÐÔµÄÎÊÌâ
¼Ü¹¹µÄ¸´ÔÓÐԺͷ ......

javascript Êý×é

 optionsÊý×é
¡¡¡¡¸ÃÊý×éÊÇselect¶ÔÏóµÄÒ»¸öÊôÐÔ,¼´Ñ¡Ôñ¿òÖеÄËùÓÐÑ¡Ïî(<OPTION>)µÄÒ»¸öÁÐ±í¡£
¡¡¡¡ÊôÐÔ
¡¡¡¡defaultSelected Ñ¡ÏîÁбíÖеÄȱʡѡÏî
¡¡¡¡index Ñ¡ÏîÁбíÖÐijѡÏîµÄË÷ÒýλÖÃ
¡¡¡¡length Ñ¡ÏîÁбíÖеÄÑ¡ÏîÊý(<OPTIONS>)
¡¡¡¡name Ñ¡ÏîÁбíµÄÃû×Ö(NAMEÌØÐÔ)
¡¡¡¡selected ±íÊ¾Ñ ......

¿ú̽jQuery——ÃæÏò¹Ç»ÒJavaScript³ÌÐòÔ±

µ± jQuery ÔÚ2006Äê1ÔÂÏÖÉíʱ£¬¸øÎҵĵÚÒ»Ó¡Ïó£¬ÊÇÕâÍæÒâ¶ù¹¹ÔìµÃºÜ¾«Ã÷¡£»ùÓÚCSSÑ¡ÔñÆ÷£¨CSS selectors£©À´´òµãÒ»ÇУ¬Æä˼·Ï൱ÁéÇÉ£¨²Î¿¼getElementsBySelector£©¡£µ«Á´ºÐ¹¤Ê£¨chaining stuff£©¿´ÆðÀ´¸üÏñ¸öàåÍ·£¬²¢ÇÒÕûÌå¿´À´£¬jQuery¿âÌṩµÄ¹¦Äܲ¢²»Äܸ²¸ÇËùÓлù´¡ÐԵĶ«Î÷¡£Òò´ËÎҶ϶¨£¬jQueryÖ»»áê¼»¨Ò»ÏÖ¡£
¼¸¸ö ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ