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ÕÒµ½´óÁ¿ÓÎ
Ïà¹ØÎĵµ£º
¶þÊ®¡¢Bookmarklet
1¡¢Ê²Ã´ÊÇBookmarklet£¿£¨What's a Bookmarklet?£©
Q£ºÊ²Ã´ÊÇBookmarklet£¿
A£ºBookmarkletÊÇÕû¸ö¶¼±»°üº¬ÔÚ³¬Á´½ÓURLÖеÄһС¶ÎJavaScript³ÌÐò¡££¨JavaScript URL¾ÍÊÇÕâ¸öÑù×Ó£º<a href="javascript:the code goes here">¡££©¶àÊýä¯ÀÀÆ÷ÔÊÐíÓû§Ìí¼ÓÕâЩJavaScript URLÊéÇ©£¬¾ÍÏñÌí¼ÓÆäËû³¬Á´½ ......
Ô´´úÂëÈçÏ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>ÑéÖ¤ÓÊÏ䵨ַºÏ·¨ÐÔ</title>
<sc ......
Ò»¡¢ÔÚHTMLÖÐǶÈëJavasriptµÄ·½·¨
Ö±½ÓÔÚJavascript´úÂë·ÅÔÚ±ê¼Ç¶Ô<script>ºÍ</script>Ö®¼ä
ÓÉ<script />±ê¼ÇµÄsrcÊôÐÔÖÆ¶¨ÍⲿµÄjsÎļþ
·ÅÔÚʼþ´¦Àí³ÌÐòÖУ¬±ÈÈ磺<p onclick="alert('ÎÒÊÇÓÉonclickʼþÖ´ÐеÄJavascript')">µã»÷ÎÒ</p>
×÷ΪURLµÄÖ÷Ì壬Õâ¸öURLʹÓÃÌØÊâµÄJavascript ......
¶þ¡¢¶¯Ì¬¸ø±í²åÈëÐУº
function addRow(){
//¶¯Ì¬²åÈëÒ»ÐÐ
var oRow1=mediaMes.insertRow(mediaMes.rows.length);
//ÉèÖÃtrµÄid
oRow1.id="tr"+thisId;
//»ñµÃ±í×ܵÄÐÐÊý
var aRows=mediaMes.rows;
//»ñµÃÐÂÌí¼ÓÐеÄÁм¯ºÏ
var aCells=oRow1. ......
ÔÚwebÉϱàд²Ëµ¥Ò»Ö±ÊDZȽÏÍ·ÌÛµÄÊÂÇ飬ҪÊÇÓиöÀàÖ±½ÓÌ×ÓþͺÃÁË£¬×î½üÓÖÒª×öÍøÕ¾ÁË£¬·³ÈË£¬ÒªÇó×öµÄ»¹ÊǶ༶²Ëµ¥£¬°¦£¬·Ï»°ÉÙ˵£¬Óöµ½ÎÊÌâ¾ÍÒª½â¾ö°¡£¬¿´´úÂ룺
function is(e, handler) {
if (e.type != 'mouseout' && e.type != 'mouseover ......