AJAXÀïTabContainerµÄCSS (תÌù)
AJAX×Ô´ÓÒý½øÁËTab£¬×ÅʵÈÃÎÒ¿ªÐÄÁËÒ»·¬¡£µ«ÊÇ£¬ÔÚµ÷ÕûTabµÄÑùʽµÄʱºò£¬Ò²×ÅʵÈÃÎÒ³ÔÁËÒ»¾ª¡£
ÓÚÊÇ£¬±§×ÅûÓÐÀ§ÄÑÒ²ÒªÖÆÔìÀ§ÄѵÄÔÔò£¬¿ªÊ¼ÁËÕ÷;£º
°´ÕÕTab×÷ÕßRonald BucktonËù˵£¬TabµÄCSS°üº¬Èçϼ¸¸öÀࣺ
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
(2).ajax__tab_outer:An outer element of a tab,often used to set the left-side background image of the tab.
(3).ajax__tab_inner:An inner element of a tab,often used to set the right-side image of the tab.
(4).ajax__tab_tab:An element of a tab that contains the text content.
(5).ajax__tab_body:A container element that wraps the area where a TabPanel is displayed.
(6).ajax__tab_hover:This is applied to a tab when the mouse is hovering over.
(7).ajax__tab_active:This is applied to a tab when it is the currently selected tab.
ÎÒ»Á˸ö¼òͼ£¬µ±È»£¬Êó±ê·ÅÉÏÈ¥(.ajax__tab_hover)£¬ºÍµ±Ç°Tab(.ajax__tab_active)µÄÄǸö¾Íû»ÉÏÈ¥¡£
²ã´Î¹ØϵÈçͼËùʾ£¬ÅªÇå³þÕâ¸ö²ã´Î¹Øϵ£¬¶ÔÉè¼ÆTabÑùʽÓкܴó°ïÖú¡£
Ïà¹ØÎĵµ£º
¡¡¡¡IE5¼°ÆäÒÔºó°æ±¾Ö§³ÖÔÚCSSÖÐʹÓÃexpression£¬ÓÃÀ´°ÑCSSÊôÐÔºÍJavas cript±í´ïʽ¹ØÁªÆðÀ´£¬ÕâÀïµÄCSSÊôÐÔ¿ÉÒÔÊÇÔªËعÌÓеÄÊôÐÔ£¬Ò²¿ÉÒÔÊÇ×Ô¶¨ÒåÊôÐÔ¡£¾ÍÊÇ˵CSSÊôÐÔºóÃæ¿ÉÒÔÊÇÒ»¶ÎJavas cript±í´ïʽ£¬CSSÊôÐÔµÄÖµµÈÓÚJavas cript±í´ïʽ¼ÆËãµÄ½á¹û¡£ ÔÚ±í´ïʽÖпÉÒÔÖ±½ÓÒýÓÃÔªËØ×ÔÉíµÄÊôÐԺͷ½·¨£¬Ò² ......
²»Í¬µÄä¯ÀÀÆ÷ÒªÇó²»Í¬µÄÑùʽÉùÃ÷£¬¸÷ä¯ÀÀÆ÷¼°Æä¸÷°æ±¾Óв»Í¬³Ì¶ÈµÄ CSS Ö´ÐеÄÍêÕûÐÔ¡£²ÉÓõÄÊÇ Internet Explorer µÄÌõ¼þ×¢ÊÍÓï·¨µÄ˼Ï룬²¢°ÑËüÄÚÁªµ½ CSS ÉùÃ÷Ö®ÖС£
¡¡¡¡Ìõ¼þ CSS Ö÷ÒªÓÃÓÚÖ¸³öÒ»¸öÌرðµÄ CSS ÉùÃ÷ÊDz»ÊÇÓ¦¸ÃÓÃÓÚÒ»¸öÌرðµÄä¯ÀÀÆ÷¡£µ±È»Ä㲻ϣÍû¾³£Õâô×ö£¬µ«Êǵ±ÄãÐèÒªÕë¶ÔÒ»¸öä¯ÀÀÆ÷µÄʱºò£¬Ëü»á·Ç³ ......
IEºÍFF¶ÔºÐÄ£Ð͵ĽâÊÍÇø±ð
IEºÍFF¶ÔºÐÄ£Ð͵ĽâÊÍÒ²²»Ò»Ñù£¬´úÂë˵Ã÷£º#test { width: 650px !important;width: 648px;padding-left:2px;background:#fff; }
test ÏÔʾµÄ¿í´øÊÇ 650px
IE BoxµÄ×Ü¿í¶ÈÊÇ£º width+padding+border+margin¿í¶È×ܺÍ
FF BoxµÄ×Ü¿í¶È¾ÍÊÇ widthµÄ¿í¶È£¬padding+border+marginµÄ¿í¶ÈÔÚº¬ÔÚwidthÄ ......
WebÇ°¶Ë
ÍøÒ³Éè¼ÆÖÐCSS²¼¾ÖÊǺÜÖØÒªµÄ²¿·Ö£¬ÏÂÃæ½éÉܼ¸ÖÖ¼ì²éµ÷ÊÔCSS²¼¾ÖµÄÓÐЧ·½·¨¡£
¡¡¡¡1. ¼ì²éHTMLÔªËØÊÇ·ñÓÐƴд´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
¡¡¡¡¼´Ê¹ÊÇÀÏÊÖÒ²¾³£»áŪ´ídivµÄǶÌ×¹Øϵ¡£¿ÉÒÔÓÃdreamweaverµÄÑéÖ¤¹¦Äܼì²éÒ»ÏÂÓÐÎÞ´íÎó¡£
¡¡¡¡2. ¼ì²éCSSÊÇ·ñÊéдÕýÈ·
¡¡¡¡¼ì²éÒ»ÏÂÓÐÎÞƴд´íÎó¡¢ÊÇ·ñÍü¼Ç½áβµÄ ......
Íê³ÉÒÔϲ¿·Ö£º
1. Ê÷¿ÉÒÔ½ÓÊÜsingleXml¸ñʽºÍjsonÒÔ¼°jsonarray¸ñʽµÄÊý¾Ý£»
2. ¸´Ñ¡¿ò¹´Ñ¡ºÍÕÛµþ×Ó½ÚµãµÄÂß¼ÓÃdivǶÌ×À´ÊµÏÖ,ЧÂʸü¸ß;²¢ÌṩÁË¿ìËÙ»Ê÷µÄ·½·¨;(´æÔÚbug:¿ìËÙ»Ê÷ЧÂʲ¢²»¸ß,divǶÌ×ÓÐÎÊÌâ);
3.Ôö¼ÓÊ÷µÄÉî¶È this.depth ......