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. ±êÇ©µ¼º
Ïà¹ØÎĵµ£º
1.¶¨Î»µÄ¶¨Òå
CSSÖж¨Î»ÓÃposition:static|relative|absolute|fixedÀ´ÊµÏÖ
static:1.Õý³£Á÷ÏÔʾ£»2.²»ÄÜͨ¹ýz-index½øÐвãµþ·Ö¼¶£»3.¿ÉÉèÖÃwidth,height£»4.ÉèÖÃtop,right,bottom,leftÎÞЧ
relative:1.²»ÍÑÀëÎĵµÁ÷£¬²Î¿¼×ÔÉíµÄ¾²Ì¬Î»Öã¬Í¨¹ýtop,right,bottom,left½øÐ ......
¸ù¾ÝW3C¶¨Ò壬ûÓÐfloatÊôÐÔµÄÍâ²ãbox²»»á×Ô¶¯¼ÆËã¸ß¶È£¬Òª¼ÆËã¸ß¶È£¬±ØÐëÔÚÄÚ²ã×îºóÒ»¸öbox¼ÓÈëclear:both¡£
Opera¡¢netscape¡¢mozillaµÈ²»»á¼ÆËãÍâ²ãbox¸ß¶È£¬µ«ÊÇ΢Èíie6»á×Ô¶¯¼ÆËãÍâ²ã¸ß¶È¡£±ÈÈ磺
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran ......
ul ol li dl dt dd¶¼ÊÇDIV+CSS×öÍøÒ³³¤ÓõĶ«Î÷,Ï൱ÓÚÒ»¿ÃÊ÷µÄÊ÷¼¼,ÏÂÃæ¾ÍÁ˽âÒ»ÏÂÕâЩ¶«Î÷µÄÈ«ÌåÓ÷¨,±¾ÈËÓÃdd,dt,dlÓõúÜÉÙ,¶®µÃ½áºÏʹÓöÔ×ö¼Ü¹¹ÊǺÜÓкô¦µÄŶ!
DIV
CSSÍøÒ³²¼¾ÖÖг£ÓõÄÁбíÔªËØul ol li dl dt ddÊÍÒ壬¿é¼¶ÔªËØdiv¾¡Á¿ÉÙÓ㬺ÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ
ol
ÓÐÐòÁÐ±í¡£
<ol>
<li> ......
2009-10-20 13:30:21
¼òдCSSÒ»Ö±±»ÎÒÍü¼Ç£¬Ã»°ì·¨¾ÍËÑÁ˵ã×ÊÁÏ£¬¼Ç¼ÈçÏ£º
font
¼òд£º
font:italic small-caps bold 12px/1.5em arial,verdana;
µÈЧÓÚ£º
font-style:italic;font-variant:small-caps;font-weight:bold;font-size:12px;line-height:1.5em;font-family:arial,verdana;
˳Ðò£ºfont-style | font-var ......
IE8 ×Ô¶¯ÔÚ¼æÈÝģʽÏÂÔËÐУº
¼ÓÈëÕâôһÐÐ <meta http-equiv="x-ua-compatible" content="ie=7" />
ÆäÄÚÈÝËæÖøÖ¸¶¨µÄÒ³ÃæÄ£Ê½¶ø¸ü¸Ä£¬µ±ÒªÄ£ÄâIE7ʱ£¬Ö¸¶¨IE=IE7£¬Ò²¿ÉÒÔÖ¸¶¨IE=6À´Ä£·ÂIE6
Çø±ðIE6ÓëFF£º
background:orange;*background:blue;
Çø±ðIE6ÓëIE7£º
background:green !important;background:blue;
......