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

12¸öÓÅÐãµÄjavascript(ajax)µ¯³ö²ã

Thickbox

-
»ùÓÚ
jQuery
£¬Ö§³Ö AJAX£¬ÇáÁ¿¼¶µÄ¶øÇұȽϸßЧ¡£Ö§³ÖͼƬÓëHTMLÄÚÈÝ¡£´óСԼΪ
40k£¬Ä¿Ç°»¹¿É×÷Ϊ WordPress
µÄ²å¼þʹÓá£Õâ¸öjsµÄÓŵãÔÚÓÚÓ룬¸¸¼¶µÄÔ­Ò³Ãæ¹ö¶¯ÌõËæÊó±ê¹ö¶¯µÄʱºò£¬µ¯³öµÄ²ã²¢²»Òƶ¯£¬¶øÊ¼ÖÕ´¦ÓÚä¯ÀÀÆ÷µÄ¹Ì¶¨Î»Öá£
 
GreyBox

- ´´½¨ iframe µÄµ¯³ö½çÃæ£¬¿ÉʹÓÃͼƬ¡¢HTML ¼°
URL£¬´óСԼΪ 20k¡£
Õâ¸öµ¯³ö²ãЧ¹ûÓй̶¨
λÖÃÓëËæ¸¸¼¶µÄ¹ö¶¯Ìõ¹ö¶¯Á½ÖÖģʽ¡£
GreyBox Redux

- »ùÓÚ jQuery£¬±È GreyBox ¸üÇá¡£
Õâ¸öjsµÄµÄµ¯³öЧ¹û
Ôö¼ÓÁË×ÔÉ϶øÏ»ºÂý»¬³öµÄЧ¹û¡£
Lightbox
v2.0

- ×î³õÊÇΪÁËÏÔʾͼƬÉè¼ÆµÄ£¬Ê¹ÓÃÁË
prototype ºÍ sciptaculous£¬ËùÒÔÓÐЩ³ÁÖØ£¬µ«¶ÔÓÚͼƬÀ´ËµºÜºÃÓá£
ȱµã¾ÍÊǵ¯³ö²ã³öÀ´
ºó£¬¹ö¶¯Êó±ê¹öÂÖ£¬¸¸¼¶Ò³ÃæÓ뵯³öÄÚÈÝͬÊÂËæ×Źö¶¯Ìõ£¬Ö»Óеã»÷¹Ø±Õ°´Å¥²ÅÄܹرյ¯³ö²ã£¬¶ÔÓÚµ¯³öͼƬ½Ï´óµÄʱºò£¬Óû§ÌåÑé·½ÃæÏà¶Ô±È½Ï²»ÓѺã¬ÐèÒªÒÆ¶¯
Ò³ÃæÕÒµ½¹Ø±Õ°´Å¥²ÅÐС£
Lightbox Gone Wild

-
modal ģʽ´°¿ÚµÄ lightbox£¬¿ÉʹÓà html¡¢±íµ¥¼°Í¼Æ¬£¬Ò²ÊÇ»ùÓÚ prototype µÄ¡£
Õâ¸öЧ¹ûµÄºÃ´¦ÔÚÓÚ£¬
µ¯³öÄÚÈÝÊÇͼƬʱ£¬µã»÷ͼƬ±¾Éí¼È¿ÉÒԹرյ¯³ö²ã£¬·Ç³£·½±ã¡£
Multi-faceted
LIghtbox

- ÓÖÒ»¸ö»ùÓÚ
prototype µÄ£¬²»¹ýÕâ¸öΪ¸÷ÖÖ¿ÉÓÃÓÚ lightbox µÄÊý¾ÝÀàÐÍÌṩÁËÑ¡Ïî¡£
Leightbox

- ºÍ Lightbox Gone Wild ºÜÏàËÆ£¬Ö»ÊÇ
Leightbox ÒÔ html ·½Ê½´æ·ÅÄÚÈÝ£¬ËùÒÔ¿ÉÒÔ±»ËÑË÷ÒýÇæË÷Òýµ½¡£
³ýÁ˵¯³öÄÚÈÝ·ûºÏ
seoÒÔÍ⣬Õâ¸öЧ¹ûµÄÒ»´óÌØµãÊÇ£¬µ¯³öºó¸¸¼¶Ò³ÃæµÄ¹ö¶¯±»½ûÓ㬶øÒÔµ¯³ö²ãµÄ¹ö¶¯ÎªÖ÷£¬ÕâÑùÔÚµ¯³öµÄ´°¿ÚÓн϶àÄÚÈÝʱ£¬¹ö¶¯Êó±ê¹öÂÖʱ£¬¾Í²»»áͬʱ¹ö¶¯
¸¸¼¶Ò³Ã棬¶øÓ°ÏìÕý³£ä¯ÀÀ¡£
xilinus

- ʹÓüòµ¥£¬»ùÓÚ
prototype£¬ºÜÈÝÒ×¶¨ÖÆ£¬¿ÉʹÓöàÖÖÄÚÈÝÑ¡Ïî¡£
Lightbox
Plus

- ¿ÉÒÔ×Ô¶¯¸ù¾Ý´°¿ÚµÄ´óСËõ·ÅͼƬ¡£
Suckerfish Hover Lighbox

- ºÍ´«Í³µÄ lightbox ²»Ò»Ñù£¬ËüÔÚ´ò¿ª lightbox
µÄʱºò£¬»¹¿ÉÒÔµã»÷·ÃÎÊÒ³ÃæÉÏµÄÆäËüÔªËØ¡£
Litebox

- ÕâÊÇ Lightbox µÄÁíÒ»¸ö°æ±¾£¬´úÂëÁ¿¼õÉÙÁË£¬Ê¹ÓÃÁË
moo.fx ºÍ prototype-lite£¬Èç¹ûÒ³ÃæÐèÒª¼õ·ÊµÄ»°£¬¿ÉÒÔÑ¡ÔñÕâ¸ö¡£
LITBox

- ʹÓÃÀàдµÄ
lightbox£¬ËùÒÔ¿ÉÒÔ´´½¨¶à¸ö¶ÔÏóʵÀý£¬²¢ÇÒµ¥¶À½øÐпØÖÆ¡£»ùÓÚ Thickbox¡£


Ïà¹ØÎĵµ£º

JavaScript replace() ·½·¨

JavaScript replace() ·½·¨
JavaScript String ¶ÔÏó²Î¿¼ÊÖ²á
¶¨ÒåºÍÓ÷¨
replace() ·½·¨ÓÃÓÚÔÚ×Ö·û´®ÖÐÓÃһЩ×Ö·ûÌæ»»ÁíһЩ×Ö·û£¬»òÌæ»»Ò»¸öÓëÕýÔò±í´ïʽƥÅäµÄ×Ó´®¡£
Óï·¨
stringObject.replace(regexp,replacement)
²ÎÊýÃèÊö
regexp
±ØÐè¡£¹æ¶¨ÁËÒªÌæ»»µÄģʽµÄ RegExp ¶ÔÏó¡£Çë×¢Ò⣬Èç¹û¸ÃÖµÊÇÒ»¸ö×Ö·û´®£¬Ôò½ ......

javascript withÓ÷¨(ת)

with
(object)
   statements
²ÎÊý
object
еÄĬÈ϶ÔÏó¡£
statements
Ò»¸ö»ò¶à¸öÓï¾ä£¬object ÊǸÃÓï¾äµÄĬÈ϶ÔÏó¡£
˵Ã÷
with
Óï¾äͨ³£ÓÃÀ´Ëõ¶ÌÌØ¶¨ÇéÐÎϱØÐëдµÄ´úÂëÁ¿¡£ÔÚÏÂÃæµÄÀý×ÓÖУ¬Çë×¢Òâ Math µÄÖØ¸´Ê¹Óãº
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10)
y = Math.tan(14 * ......

javascriptµÄһЩÊÕ¼¯£¬Î´Íê³É£¬ÕýÔÚŬÁ¦

ʵÏÖ¿¨Ò³Ê½webµÄjs£º
    function ShowContent(id,num){
for(i=1;i<=num;i++){
document.getElementById("page_"+i).className="";
document.getElementById("content_"+i).style.display="none";
}
document.getElementById("content_"+id).style.display="block";
......

JavaScript ´´½¨Êý×éµÄ·½·¨ºÍ»ù±¾²Ù×÷

Êý×éÊÇÎÒ´Óѧϰ±à³ÌÒÔÀ´´ò½»µÀ×î¶àµÄÒ»ÖÖÊý¾ÝÀàÐÍ£¬Æäʵ˵°×ÁË£¬Êý×éÎ޷ǾÍÊÇkey value¶Ô¡£»¹¼ÇµÃ¸Õ²Î¼Ó¹¤×÷Äǻᣬһ¸öphpµÄforeachÑ­»·¾Í²îµã¸ãµÃÎÒÍÂѪ£¬ÏÖÔÚ»ØÍ·ÏëÏ룬µ±Ê±×Ô¼ºÕæ¹»±¿µÄ¡£
Êý×é(array)ÊÇÒ»ÖÖÊý¾ÝÀàÐÍ£¬Ëü°üº¬»òÕß´æ´¢Á˱àÂëµÄÖµ£¬Ã¿¸ö±àÂëµÄÖµ³Æ×÷¸ÃÊý×éµÄÒ»¸öÔªËØ(element),ÿ¸öÔªËØµÄ±àÂë±»³Æ×÷Ï ......

10ÖÖJavaScriptÌØÐ§ÊµÀýÈÃÄãµÄÍøÕ¾¸üÎüÒýÈË

½ñÌìµÄ»°ÌâÊÇÈçºÎ¸Ä½ø×Ô¼ºÍøÕ¾µÄ½çÃæ»òÌá¸ßÍøÕ¾µÄÊÓ¾õÌåÑ飬´Ó¶øÈÃÓû§¼ÇÒäÓÌС£
¡¡¡¡ÎÒÃÇÓÐÈýÖÖÖ÷ÒªµÄ·½·¨(´ÓÄѵ½Ò×):×Ô¼º¶¯ÊÖд½Å±¾;ʹÓÃÀàËÆÓÚjQueryºÍmooToolsµÄJavaScript¿ò¼Ü(¿ÉÒÔÈñàд´úÂë±ä
µÃ¸üÈÝÒ×Щ);ʹÓÃÄܹ¤×÷ÓÚÏÖÓеÄJavaScript¿ò¼ÜϵÄÌáǰԤÖúõĽű¾»òÄÇÖÖ´ÓÍ·¿ªÊ¼¿ª·¢µÄ´´½¨Õß¡£ÕâÆªÎÄÕÂÊʺÏÄÇЩ´òË ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ