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ÕÒµ½´óÁ¿ÓÎ
Ïà¹ØÎĵµ£º
ÎļþÄÚÈÝÈçÏ£º£¨Á½¸öÎļþglossy.jsºÍglossy.html£©
/********************************** glossy.js ***********************************/
/**
* glossy.js 1.31 (19-Jul-2007)
* (c) by Christian Effenberger
* All Rights Reserved
* Source: glossy.netzgesta.de
* Distrib ......
Ò»¡¢ÀàÐÍת»»µÄ·½·¨ºÍÓ¦¸Ã×¢ÒâµÄÎÊÌ⣺
1£¬×ª»»Îª²¼¶ûÐÍ£º
£¨1£©ÓÃÁ½´Î·ÇÔËËã(!):
!!5 ==> true
£¨2£©Óò¼¶ûÐ͵Ĺ¹Ô캯Êý£º
new Boolean(5) == > true
ֵת»»Îª²¼¶ûÀàÐÍΪfalse£º
0£¬+0£¬-0£¬NaN£¬""(¿Õ×Ö·û´®),undefined,null
³ýÉÏÃæµÄÖµÆäËûÖµÔÚת»»ÒÔºóΪtrue£¬ÐèÒªÌØ±ðÌáµ½µÄÊÇ:
"0",new Object(),funct ......
¶þ¡¢¶¯Ì¬¸ø±í²åÈëÐУº
function addRow(){
//¶¯Ì¬²åÈëÒ»ÐÐ
var oRow1=mediaMes.insertRow(mediaMes.rows.length);
//ÉèÖÃtrµÄid
oRow1.id="tr"+thisId;
//»ñµÃ±í×ܵÄÐÐÊý
var aRows=mediaMes.rows;
//»ñµÃÐÂÌí¼ÓÐеÄÁм¯ºÏ
var aCells=oRow1. ......
Ê×ÏÈ¿´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£¬½ÓÊ ......