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ÕÒµ½´óÁ¿ÓÎ
Ïà¹ØÎĵµ£º
ÔÚjsÖУ¬Ã¿¸ö¶ÔÏó¶¼ÓÐÒ»¸öprototypeÊôÐÔ£º·µ»Ø¶ÔÏóÀàÐÍÔÐ͵ÄÒýÓ᣺ÜÞÖ¿Ú£¡Ï°Óï“ÒÀºù«»Æ°”£¬ÕâÀïµÄºù«¾ÍÊÇÔÐÍ£¬ÄÇô“ư.prototype” ·µ»ØµÄ¾ÍÊǺù«£¬»òÕߓư.prototype= new ºù«()”¡£
prototypeµÄÓÃ;£º
¼Ì³Ð
ÓÐÒ»¸ö¶ÔÏó££×ÓÀࣺ
function ×ÓÀà() {
this.lastname = ......
¶þÊ®¡¢Bookmarklet
1¡¢Ê²Ã´ÊÇBookmarklet£¿£¨What's a Bookmarklet?£©
Q£ºÊ²Ã´ÊÇBookmarklet£¿
A£ºBookmarkletÊÇÕû¸ö¶¼±»°üº¬ÔÚ³¬Á´½ÓURLÖеÄһС¶ÎJavaScript³ÌÐò¡££¨JavaScript URL¾ÍÊÇÕâ¸öÑù×Ó£º<a href="javascript:the code goes here">¡££©¶àÊýä¯ÀÀÆ÷ÔÊÐíÓû§Ìí¼ÓÕâЩJavaScript URLÊéÇ©£¬¾ÍÏñÌí¼ÓÆäËû³¬Á´½ ......
Ò»¡¢ÀàÐÍת»»µÄ·½·¨ºÍÓ¦¸Ã×¢ÒâµÄÎÊÌ⣺
1£¬×ª»»Îª²¼¶ûÐÍ£º
£¨1£©ÓÃÁ½´Î·ÇÔËËã(!):
!!5 ==> true
£¨2£©Óò¼¶ûÐ͵Ĺ¹Ô캯Êý£º
new Boolean(5) == > true
ֵת»»Îª²¼¶ûÀàÐÍΪfalse£º
0£¬+0£¬-0£¬NaN£¬""(¿Õ×Ö·û´®),undefined,null
³ýÉÏÃæµÄÖµÆäËûÖµÔÚת»»ÒÔºóΪtrue£¬ÐèÒªÌØ±ðÌáµ½µÄÊÇ:
"0",new Object(),funct ......
±ê×¼µÄWeb ×é³ÉÓ¦¸Ã°üÀ¨3 ²¿·Ö£º½á¹¹¡¢ÐÐΪºÍ±íÏÖ¡£ÕâÖÖ˼Ïë×îÔçÔÚ΢ÈíÉè¼ÆµÄ
DHTMLÄ£ÐÍÖгõ²½Ìá³öÀ´£¬µ«ÊǺܲ»¹æ·¶£¬Ò²²»³Éϵͳ¡£ºóÀ´£¬W3C£¨World Wide Web
Consortium£¬ÍòÎ¬ÍøÁªÃË£©×éÖ¯¹æ·¶ÁËWeb µÄ¹¹³É¡£¸ù¾ÝW3C ÖÆ¶©µÄ±ê×¼£¬Web ±ê×¼²»
ÊÇijһ¸ö±ê×¼£¬¶øÊÇһϵÁбê×¼µÄ¼¯ºÏ¡£ÍêÕûµÄWeb Ó¦¸ÃÓÉÒÔÏÂ3 ²¿·Ö×é³É£º
½á ......
Ê×ÏÈ¿´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£¬½ÓÊ ......