JavaScript Google IG Drag Demo
	
    
    
	 Ð§¹ûÑÝʾµØÖ·£ºhttp://www.phzzy.org/code/drag/google_drag.html
ÍÏ×§ÔÀí£º
¹ØÓÚÍÏ×§µÄ»ù´¡£¬¿ÉÒԲο¼ÕâÆªÎÄÕ£¬½²µÃ·Ç³£²»´í¡£
http://www.sohotx.com/mzk/index.php/1007/ArticleContent/298.html
ÆäʵÔÀíºÜ¼òµ¥£¬¾ÍÊǰѰó¶¨Èý¸öʼþ£ºonmousedown , onmousemove , onmouseup¡£
ÔÚÊó±êµãÏÂʱ(onmousedown)°ÑÔªËØµÄ×ø±êÉèÖÃΪÊó±êµÄ×ø±ê£¬²¢°Ñ position ÉèÖÃΪ¾ø¶Ô×ø±ê¡£
ÔÚÊó±êÒÆ¶¯Ê±(onmousemove)¸Ä±äÔªËØ×ø±ê¡£
ÔÚÊó±êµ¯Æðʱ(onmouseup)È¡Ïû°ó¶¨µÄʼþ£¬²¢×öºóÐø²Ù×÷¡£
ÏÂÃæÊǹØÓÚ·Â google ¸öÐÔ»¯Ö÷Ò³ÍÏקЧ¹ûµÄÒ»¸ö Demo (Ðè°üº¬ prototype)¡£
×ܹ²ÓÐËĸöÎļþ£º
   1. google_drag.html
   2. prototype.js
   3. ͨÓÃÍÏ×§º¯Êý drag.js
   4. ·Â google ¸öÐÔ»¯Ö÷Ò³µÄÍÏ×§ google_drag.js
google_drag.html ÖÐ×îºó¼¸ÐÐÖÐÓиö³õʼ»¯ÍÏ×§º¯Êý
window.onload = function(){initDrag();}
±ØÐëд³ÉÕâÑù£¬Èç¹ûÖ±½Óд³É
window.onload = initDrag();
ÕâÑù»áÔÚ IE ϱ¨¸ö´íÎó£ºÉÐδʵÏÖ
ÆäËû´úÂë¿ÉÒÔÖ±½Ó²é¿´Ô´Â룬¾Í¼¸ÐÐ×¢ÊÍ¡£Æäʵ¾ÍÊÇÓà JavaScript »æÖÆÁË 15 ¸ö div£¬È»ºóÉèÖÃËüÃÇ class ¶¼Îª
drag_div (ºóÃæÊÇͨ¹ý className À´ÅжÏÔªËØÊÇ·ñ¿ÉÍÏ×§)£¬È»ºó°Ñ¿ÉÍÏ×§µÄ²¿·ÖµÄ ID ÉèÖÃÔªËØµÄ ID ºó¼Ó¸ö _h
(Ò²¿ÉÉèÖÃ×Ô¼ºÎªÍÏ×§²¿·Ö)
drag.js ÊÇÒ»¸ö±È½ÏͨÓõÄÍÏ×§º¯Êý¡£ÀïÃæ°üº¬Ëĸö×î¼òµ¥µÄº¯Êý£ºstart_Drag, when_Drag, end_Drag, after_Drag¡£ÕâËĸöº¯ÊýÖ»ÊÇʵÏÖ×î»ù±¾µÄÍÏ×§¹¦ÄÜ£¬ÒªÊµÏÖÆäËû¹¦ÄÜ¿ÉÐ޸ĻòÔÚºóÃæ¸²¸ÇµôÕâЩº¯Êý¡£
google_drag.js ÊÇ·Â google ¸öÐÔ»¯Ö÷Ò³ÍÏקЧ¹ûµÄº¯Êý¡£Ëü¸²¸ÇÁËÉÏÃæËµµÄÄǸöËĸöº¯Êý£¬ÊµÏֱȽϸ߼¶µÄЧ¹û¡£
ÍÏ×§ÆäʵӦ¸Ã»¹ÊDZȽϼòµ¥µÄ£¬ÊµÏÖÍêÍÏ×§ºó¾ÍÊÇÒªÓà Ajax À´´«µÝÍÏ×§ºóµÄλÖ㬸ıä·þÎñÆ÷¶ËµÄÖµ£¬ÕâÑùÏ´ÎÓû§·ÃÎÊÊ±ÔªËØ²Å»áλÖò»±ä¡£Ð§¹ûµÄʵÏÖÊǷdz£¼òµ¥µÄ£¬Ö÷ÒªÊÇÔõôÈںϵ½ÒÑÓеÄÏîÄ¿ÖУ¬´Ó¶øÌá¸ßÓû§ÌåÑé¡£
Õâ¸ö Demo ÓÐÒ»²¿·Ö²Î¿¼µÄÍøÉϵĴúÂë¡£
ÔÚÍøÉÏ»¹ÓкܶàÕâÖÖÀý×Ó£¬²»¹ý¸Ð¾õЧÂʶ¼Ã»Õâ¸ö¸ß¡£ÓÐһЩÀý×ÓÊǰÑËùÓÐÔªËØµÄλÖö¼ÉèÖÃΪ absolute£¬È»ºóÖ±½ÓÐ޸ĸ÷¸öÔªËØµÄ top ºÍ
leftÀ´ÏÔʾЧ¹û£¬¸Ð¾õÄǸö²»ÊǺÜͨÓã¬ÄÇÑùµÄ»°±ÈÈçÎÒÒª°ÑÕâ¸öЧ¹ûÐÞ¸ÄΪһ¸öÊýµÄÍÏ×§£¬²¢ÇҼǼ¸÷¸öÔªËØÖ®¼äµÄλÖ㬱ȽÏÂé·³¡£Õâ¸öÀý×ÓÖÐÒª¼ÇÂ¼ÔªËØ
µÄλÖã¬Ö»ÐèÔÚÍÏ×§Íê³Éºó¼Ç¼±»ÍÏ×§ÔªËØµÄ id ÒÔ¼°ÍÏ×§µ½ÁËÄĸöÔªËØµÄÇ°ÃæÈ»ºó´«¸ø·
    
     
	
	
    
    
	Ïà¹ØÎĵµ£º
        
    
    scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£ 
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐĿǰ¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×î¶¥¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×î¶¥¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
	
    
        
    
    
Õ⼸Ì죬ÒòΪһ¸öÏîÄ¿ÖеÄbug¶øÍ·Í´¡£
ÕâÊÇÒ»¸öÌõÂëɨÃè³ÌÐò£¬ÎªÁ˱£Ö¤É¨Ã蹤×÷µÄÁ¬ÐøÐÔ£¬ÔÚÒ³ÃæÖÐÀûÓÃ
Javascript×Ô¶¯²¶»ñkeydownʼþ£¬ÒòΪÌõÂëɨÃèǹÔÚÍê³ÉÒ»´ÎɨÃèÈÎÎñºó»á´¥·¢»Ø³µ¼ü£¬ËùÒÔ£¬ÔÚkeydownʼþÖÐÅжÏÊÇ·ñ
keyCode==13£¬È»ºó´¥·¢Ò³ÃæÖÐÒ»¸öÒþ²ØµÄ°´Å¥£¬Ìá½»´ËÊý¾Ý±£´æÖÁ·þÎñÆ÷¡£
³ÌÐòÖУ¬ÎªÌõÂëÊäÈëÎÄ ......
	
    
        
    
    µÚ3Õ  ¶ÔÏó
JavaScriptµÄ¼òµ¥ÀàÐͰüÀ¨Êý×Ö¡¢×Ö·û´®¡¢²¼¶ûÖµ£¨trueºÍfalse£©¡¢nullÖµºÍundefinedÖµ¡£ÆäËûËùÓеÄÖµ¶¼ÊǶÔÏó¡£Êý×Ö¡¢×Ö·û´®ºÍ²¼¶ûÖµ“Ã²ËÆ”¶ÔÏó£¬ÒòΪËüÃÇÓµÓз½·¨£¬µ«ËüÃÇÊDz»¿É±äµÄ¡£JavaScriptÖеĶÔÏóÊǿɱäµÄ¼ü-Öµ¼¯ºÏ(keyed collections)¡£ÔÚJavaScriptÖУ¬Êý×éÊǶÔÏ󣬺¯ÊýÊǶÔÏó£¬Õý ......
	
    
        
    
    ÔÚb/s¿ª·¢Öо³£Óõ½µÄjavaScript¼¼Êõ 
Ò»¡¢ÑéÖ¤Àà 
1¡¢Êý×ÖÑéÖ¤ÄÚ 
1.1 ÕûÊý 
1.2 ´óÓÚ0µÄÕûÊý £¨ÓÃÓÚ´«À´µÄIDµÄÑéÖ¤) 
1.3 ¸ºÕûÊýµÄÑéÖ¤ 
1.4 ÕûÊý²»ÄÜ´óÓÚiMax 
1.5 ÕûÊý²»ÄÜСÓÚiMin 
2¡¢Ê±¼äÀà 
2.1 ¶Ìʱ¼ä£¬ÐÎÈç (13:04:06) 
2.2 ¶ÌÈÕÆÚ£¬ÐÎÈç (2003-12-05) 
2.3 ³¤Ê±¼ä£¬ÐÎÈç (2003-12-05 13:04:06) 
2. ......
	
    
        
    
    ±¾À´×¼±¸¿ª½²jQueryÔ´Âëѧϰ±Ê¼ÇÁùµÄ£¬µ«ÐÄÖÐÓзð²ÅÄÜ¿´µ½·ð£¬ÓÐЩÈËÁ¬Ñ¡ÔñÆ÷¶¼²»ÖªÊ²Ã´¶«Î÷£¬Ö±½Ó½²ÏÂÈ¥£¬¹À¼ÆÓÐÈ˻ῴµÃÔÆÀïÎíÀÂúÍ·ÎíË®ÁË¡£¼ÓÖ®£¬John ResigÓÐÒ»ÖÖ°Ñ´úÂëдµÃ²»ÖªËùÔÆµÄħÁ¦£¬ËûÓµÓÐÇ¿´óµÄÔ¦¼Ý´úÂëµÄʵÁ¦£¬Ëû×Ô¼º¿´µ±È»Ã»ÎÊÌ⣬ÆäËûÈËÔòÒªÃüÁË¡£³£³£ÊÇÒ»¾ä´úÂëµ÷Óü¸¸ö·½·¨£¬Ã¿¸ö·½·¨Ïà¸ô¼¸Ê®ÐÐÉõÖÁÉÏ ......