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

10¸ö·Ç³£°ôµÄAjax¼°JavascriptʵÀý×ÊÔ´ÍøÕ¾

1.Ajax Rain
¡¡¡¡AjaxRainÓкܶàÍêÃÀÕûºÏAJAX, CSS, DHTML »ò JavascriptµÄʵÀý£¬ÓÐһЩDemoµÄÈ·ÖµµÃÄãÈ¥¿´Ò»¿´£¬¼´Ê¹Äã²»ÊÇÍøÒ³Éè¼Æ(¿ª·¢)ʦ¡£
Ajax/JavascriptʵÀý:
 EXT JS Date Picker
 jQuery Feed Menu
 jGrowl
 FastFind Menu – Jquery
 Spiffy Accordion
2.Ajax Daddy
¡¡¡¡Ajax DaddyÊÕ¼¯ÁË´óÁ¿Æ¯ÁÁµÄWeb2.0¹¤¾ß£¬ÆäÖÐÒ»¸öʹÓõŦÄܾÍÊÇ£¬ÔÚÄã°Ñij¸öAjax/JavascriptʵÀýÓ¦ÓÃÔÚ×Ô¼ºµÄÍøÕ¾ÉÏ֮ǰ£¬Äã¿ÉÒÔÔÚËüÉÏÃæÏÈ¿´¿´Ð§¹ûÑÝʾ¡£
Ajax/JavascriptʵÀý:
Flickr Like edit
 MooTools Autocomplete
 SlideShow Viewer
 Prototype window
 Shoutbox
3.Mini Ajax
¡¡¡¡MiniAJAX ÊÇÒ»¸öÐÂÉúµÄÍøÕ¾£¬ÊÕ¼¯ÁËÉÙÐí DHTML ºÍ AJAX ½Å±¾, ËüµÄ´úÂëÆ¬¶Î·ç¸ñ·Ç³£ÊµÓá£
Ajax/JavascriptʵÀý:
Prototype Window – Demo
 AJAX Star Rating Bar – Demo
 Heatmap for your website
 An AJAX contact form
 Digg – like spy script
4.Ajaxian
¡¡¡¡Ò»¸ö½Ó½üÓÚÃÅ»§ÀàÐ͵ÄAJAX×ÊÔ´Õ¾µã£¬°üÀ¨AjaxʾÀýÊÕ¼¯£¬²©¿Í£¬ÂÛ̳ºÍ½Ì³ÌµÈµÈ¡£
Ajax/JavascriptʵÀý:
CSSHttpRequest
Ajaxified Body
flXHR: Flash based XHR from flensed
jsTree: jQuery-based JavaScript tree component
modules.js
5.DHTML Goodies
¡¡¡¡DHTML GoodiesÊÇÒ»¸öÊÕ¼¯ÁË´óÁ¿DHTML¡¢Ajax½Å±¾¡¢DemoºÍ½Ì³ÌµÄÍøÕ¾¡£½Å±¾·¶Î§º­¸Ç´Óµ¼º½²Ëµ¥¡¢´°¿Ú¡¢ÈÕÀúµ½Í¼Æ¬¼¯ºÏ¡£
Ajax/JavascriptʵÀý:
Quick Edit
News rotator
Color picker script
Chesswidget
Chained select widget
6.Javascript Kit
¡¡¡¡ÊÕ¼¯ÁË´óÁ¿µÄJavascript½Ì³Ì¼°½Å±¾×ÊÔ´£¬µ±È»Ò²ÓÐDHTML¡¢CSSºÍÍøÒ³Éè¼Æ½Ì³ÌºÍÒ»¸öÉè¼ÆÊ¦°ïÖúÂÛ̳¡£
Ajax/JavascriptʵÀý:
 Rich HTML Ticker
 Scrollers
 Combo Boxes
 Text effects
 Windows, remotes, frames etc
7.Dynamic Drive
¡¡¡¡Ò»¸öÎÒ³£È¥µÄ JavaScriptºÍ CSS×ÊÔ´ÍøÕ¾£¬¼´Ê¹ÄãÊdzõѧÕߣ¬Ò²ÄÜÕÒµ½DHTML¡¢Javascript¡¢¿Í»§¶Ë½Å±¾ÏêϸµÄÖ¸µ¼¡£
Ajax/JavascriptʵÀý:
 Step Carousel Viewer
 Ajax Pagination script
 All Levels Navigational Menu
 Circling text trail
 Drop Down/ Overlapping Content
8.DHTML Site
¡¡¡¡ÄãÄÜ´ÓDHTML SiteÕÒµ½´óÁ¿ÓÎ


Ïà¹ØÎĵµ£º

JavaScript×Ö·û´®º¯Êý´óÈ«


JS×Ô´øº¯Êý
concat
½«Á½¸ö»ò¶à¸ö×Ö·ûµÄÎı¾×éºÏÆðÀ´£¬·µ»ØÒ»¸öеÄ×Ö·û´®¡£
var a = "hello";
var b = ",world";
var c = a.concat(b);
alert(c);
//c = "hello,world"
indexOf
·µ»Ø×Ö·û´®ÖÐÒ»¸ö×Ó´®µÚÒ»´¦³öÏÖµÄË÷Òý£¨´Ó×óµ½ÓÒËÑË÷£©¡£Èç¹ûûÓÐÆ¥ÅäÏ·µ»Ø -1 ¡£
var index1 = a.indexOf("l");
//index1 = 2 ......

JS(javascript)²Ù×÷Êý¾Ý¿â

//°ÑÊý¾ÝдÈëÊý¾Ý¿â
function
res(){
    //»ñÈ¡ÊäÈëÖµ(mynameºÍmymailÊÇÁ½¸öÎı¾¿òµÄid)
    var
uname = document.getElementById("myname"
).value;
    var
umail = document.getElementById("mymail"
).value;
......

JavaScriptÅжÏä¯ÀÀÆ÷ÀàÐͼ°°æ±¾

      ÄãÖªµÀÊÀ½çÉÏÓжàÉÙÖÖä¯ÀÀÆ÷Â𣿳ýÁËÎÒÃÇÊìÖªµÄIE, Firefox, Opera, SafariËÄ´óä¯ÀÀÆ÷Ö®Í⣬ÊÀ½çÉÏ»¹Óнü°ÙÖÖä¯ÀÀÆ÷¡£
       ¼¸Ììǰ£¬ä¯ÀÀÆ÷¼Ò×åÓиյ®ÉúÁËһλСÍõ×Ó£¬¾ÍÊÇGoogleÍÆ³öµÄChromeä¯ÀÀÆ÷¡£ÓÉÓÚChrome³öÉúÃûÃÅ£¬¾¡¹ÜËû»¹ÊǸöС¼Ò»ï£¬Ã»ÓÐÈ˸ÒС ......

javascript£»Æ´Í¼ÓÎÏ·£¨¿É×ÔѡͼƬºÍÉèÖÃÐÐÁÐÊý£©

˼·£ºä¯ÀÀͼƬ£¬¶ÁÈ¡Æä¿í¶ÈImageW£¬¸ß¶ÈÖµImageH¡£¶ÁÈ¡Óû§ÊäÈëµÄ·Ö³É¼¸ÐÐRow¼¸ÁÐCol¡£
         ÿ¸ö·½¿é£ºboxW=ImageW/Col£»boxH=ImageH/Row£»
         ÔÚ1µ½Row*ColÖÐËæ»ú£¬µÚi¸öͼƬµÄλÖÃÉèΪpos¡¾i¡¿¡£È»ºó¶¯Ì¬´´½¨divÉú³ÉRow* ......

javascriptÖеijÉÔ±º¯Êýµ÷ÓõÄÒ»¸öСÎÊÌâ

Ê×ÏÈ¿´demo´úÂ룺
var student={
name:"leo",
intro:function(){
alert("my name is "+this.name);
}
}
var teacher=function(f){
f();
}
teacher(student.intro); 
ÔÚÉÏÃæµÄdemo£¬¿ÉÒÔ¿´µ½ÏÔʽµÄ¶¨ÒåÁËÒ»¸ö¶ÔÏóstudent£¬ÓÐÒ»¸ö³ÉÔ±º¯ÊýintroºÍÒ»¸ö³ÉÔ±±äÁ¿¡£
ÁíÍⶨÒåÁËÒ»¸öº¯Êýteacher£¬½ÓÊ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ