300+Jquery, CSS, MooTools ºÍ JSµÄµ¼º½²Ëµ¥×ÊÔ´
Èç¹ûÄãÊÇÍøվǰ¶Ë¿ª·¢ÈËÔ±£¬ÄÇô¶ÔÄãÀ´Ëµ£¬Ò²Ðí×öÒ»¸öƯÁÁµ¼º½²Ëµ¥»áºÜµÃÐÄÓ¦ÊÖ¡£±¾ÎÄҪΪ´ó¼Ò×ܽá¸÷ÖÖµ¼º½²Ëµ¥µÄ×ÊÔ´£¬ÒÔ±ãÈôó¼ÒµÄÍøվǰ¶Ë¿ª·¢µÄ¹¤×÷¸ü
·½±ã¸ü¿ìËÙ£¬Ö»ÒªÑ¡ÔñÏֳɵÄÀý×ӾͿÉÒÔÓ¦ÓÃÓÚ×Ô¼ºµÄÍøÕ¾ÁË¡£±¾ÎÄÊÕ¼¯µÄÕâЩ×ÊÔ´£¬´Ó·Ç³£¼òµ¥µÄHTMLºÍCSSµ¼º½²Ëµ¥£¬µ½·Ç³£¸´ÔӺ͸߼¶µÄ
JQuery¡¢JavaScriptºÍMooTools¼¼Êõ£¬Õⶼ¿ÉÒÔÈÃÄãÇáËÉʵÏÖÍÊÉ«¡¢»¬¶¯¡¢Í϶¯µÈЧ¹û¡£Èç¹ûÄú¾õµÃÕâЩ×ÊÔ´ÖµµÃÒ»Óã¬ÄǾͿì°Ñ±¾ÍøÒ³
ÊÕ²ØÒÔ±¸ÈÕºó²éÔÄ°É£¡
1.Fancy menu
- ·Ç³£¿áµÄµ¼º½²Ëµ¥:
2. רΪMac°®ºÃÕß¿ª·¢µÄCSS dock²Ëµ¥
£¬Ê¹ÓÃjQuery¿ò¼Ü¡£
ÏÂÔØ dock ²Ëµ¥
3.37¸ö²»Í¬µÄCSSµ¼º½²Ëµ¥¼¼Êõ
£º
4.Õâ¸öµ¼º½
ÎåÄêÇ°¾ÍÓÐÁË£¬µ«ÏÖÔÚ¿´À´ÒÀÈ»ºÜ°ô£¡
5.ƯÁÁµÄJQuery»¬¶¯Ð§¹û²Ëµ¥
£¬ÓÐËÄÖÖ²»Í¬µÄÀý×Ó¡£
6.¸üÐÂjqueryǶÌ×±êÇ©
ÉèÖÃ,ÓÐÑÝʾ;
7.´¹Ö±JavaScript²Ëµ¥
,º¬×Ӳ˵¥Ð§¹û¡£ ²é¿´ÑÝʾ
8.13¸ö¾«Ñ¡×ÝÏò¼°ºáÏòCSS²Ëµ¥
9.¸÷ÖÖ²»Í¬µÄCSS²Ëµ¥½Ì³Ì
10.ºÜÈ«µÄÊÕ¼¯CSS×ÝÏò²Ëµ¥µÄÍøÕ¾£ºdynamicdrive.com
11.CSSplay.com
£¬Ò»¸ö·Ç³£È«ÃæµÄÊÕ¼¯¸÷ÖÖCSS²Ëµ¥µÄÍøÕ¾£¬¶øÇÒ¾³£ÓиüУ¬ÍƼö£¡
12.ÓÐÏÔʾ/Òþ²ØЧ¹ûµÄ²Ëµ¥
- ÓÐ CSS ºÍ MooToolsÁ½ÖÖ;
13.Superfish v1.4.8 – jQuery ²Ëµ¥²å¼þ
14.·½±ãµÄͼƬ±êÇ©·×ª²Ëµ¥
;
15.Ä£·ÂDigg.com·ç¸ñµÄCSS×ÝÏò²Ëµ¥
16.JavaScript¿ÉÕÛµþ²Ëµ¥
£¬²é¿´ÑÝʾ
17.¶ÀÌصÄʹÓÃjQueryºÍMooToolsµÄµ¼º½²Ëµ¥
; ²é¿´ÑÝʾ
18.CSSmenumaker.com
- ÌṩרҵµÄCSS²Ëµ¥;
19. ·Ç³£¿áµÄ JavaScript ²Ëµ¥
£¬Õª×Ô JavaScriptkit.com;
20. ʹÓÃCSS´´½¨µÄ¶à¼¶ÏÂÀ²Ëµ¥
²¢ÓÃJQuery½øÐÐÁ˸ÄÉÆ¡£²é¿´ÑÝʾ
21. jdMenu ¶à²ã´Î²Ëµ¥²å¼þ £¬ jQuery¿ò¼Ü
- ×ÝÏò¶à¼¶ÏÂÀ²Ëµ¥Áбí
22. ÄÑÒÔÖÃÐŵÄApple·ç¸ñµ¼º½²Ëµ¥
:
23.ÕÛµþ·ç¸ñJQuery²Ëµ¥
24. ·Ç³£¿áµÄʹÓÃCSSºÍ jQueryÖÆ×÷µÄ¶¯»µ¼º½²Ëµ¥
:
25. jQueryÊ÷²å¼þ
26. 35ÖÖ¶ÀÌصÄJQuery²Ëµ¥ÑÝʾ
27.Jquery ¿ìËÙµ¼º½
- µã»÷ toogle ²Ëµ¥, ÒÔµ¯³öµ¼º½²Ëµ¥:
28. jQuery id±êÇ©
- 8ÖÖ²»Í¬µÄºÜ¿áµÄJQuery²Ëµ¥Àý×Ó
29. jQuery ContextMenu
£»ÇáÁ¿¼¶JQuery²å¼þ£¬¿ÉÒÔ×Ô¶¨ÒåÓÒ¼üµ¯³öµÄ²Ëµ¥
30. jQuery UI tabs
- ¿ÉÒÔ×Ô¶¨Ò岻ͬЧ¹ûµÄ±êÇ©²Ëµ¥£¬±ÈÈ磺»ÃµÆƬЧ¹û¡¢µ³öЧ¹ûµÈ…²é¿´ÑÝʾ
31. iconDock jQuery
- ÓÐÒ»¸öÄ£·Â MAC OS X dockЧ¹ûµÄ²Ëµ¥;
32.SlidingMenu
- ºÜ¼òµ¥µÄ»¬¶¯²Ëµ¥Ð§¹û
33. ±êÇ©µ¼º
Ïà¹ØÎĵµ£º
µ±div²ãΪfloatʱ£¬IE6ÖÐbox×óÓÒµÄmargin»á¼Ó±¶
±ÈÈ磺
<!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>
<meta http-equiv="Content-Type" content="text/htm ......
ul ol li dl dt dd¶¼ÊÇDIV+CSS×öÍøÒ³³¤ÓõĶ«Î÷,Ï൱ÓÚÒ»¿ÃÊ÷µÄÊ÷¼¼,ÏÂÃæ¾ÍÁ˽âÒ»ÏÂÕâЩ¶«Î÷µÄÈ«ÌåÓ÷¨,±¾ÈËÓÃdd,dt,dlÓõúÜÉÙ,¶®µÃ½áºÏʹÓöÔ×ö¼Ü¹¹ÊǺÜÓкô¦µÄŶ!
DIV
CSSÍøÒ³²¼¾ÖÖг£ÓõÄÁбíÔªËØul ol li dl dt ddÊÍÒ壬¿é¼¶ÔªËØdiv¾¡Á¿ÉÙÓ㬺ÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ
ol
ÓÐÐòÁÐ±í¡£
<ol>
<li> ......
±¾½Ì³ÌΪwww.sw-web.cnÍøÒ³Éè¼ÆѧԺÍƼöÎÄÕÂ
Èç¹ûÄãÏë³¢ÊÔһϲ»Óñí¸ñÀ´ÅÅ°æÍøÒ³£¬¶øÊÇÓÃCSSÀ´ÅÅ°æÄãµÄÍøÒ³£¬Ò²¾ÍÊdz£ÌýµÄÓÃDIVÀ´±àÅÅÄãµÄÍøÒ³½á¹¹£¬ÓÖ»òÕß˵ÄãÏëѧϰÍøÒ³±ê×¼Éè¼Æ£¬ÔÙ»òÕß˵ÄãµÄÉÏ˾ҪÄã¸Ä±ä´«Í³µÄ±í¸ñÅŰ淽ʽ£¬Ìá¸ßÆóÒµ¾ºÕùÁ¦£¬ÄÇôÄãÒ»¶¨Òª½Ó´¥µ½µÄÒ»¸ö֪ʶµã¾ÍÊÇCSSµÄºÐ×Óģʽ£¬Õâ¾ÍÊÇDIVÅÅ°æµÄºËÐÄË ......
Ö»Õë¶Ôie6£¬ie7ºÍfirefoxµÄcsshack
×¢ÒⶼҪдÔÚÕý³£ÑùʽµÄºó±ß£¬³ý!important·½·¨ÔÚÇ°±ß
---------------Õë¶ÔÑùʽÃû------------
Èç¹ûÖ»ÈÃie6¿´¼ûÓÃ*html .head{color:#000;}
Èç¹ûÖ»ÈÃie7¿´¼ûÓÃ*+html .head{color:#000;}
Èç¹ûÖ»ÈÃff¿´¼ûÓÃ:root body .head{color:#000;}
Èç¹ûÖ»ÈÃff¡¢IE8¿´¼ûÓÃhtml>/**/body .he ......