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ÑùʽÓкܴó°ïÖú¡£
Ïà¹ØÎĵµ£º
//»ñÈ¡Ò»¸öÌض¨ÔªËصÄÑùʽÊôÐÔ
function getStyle(elem,name){
//Èç¹û¸ÃÊôÐÔ´æÔÚÓÚstyleÖÐ ÔòËû×î½ü±»ÉèÖùý
if(elem.style[name]){
return elem.style[name];
}
//·ñÔò³¢ÊÔIE·½·¨
else if(elem.currentStyle){
return elem.currentStyle[name];
//W3C·½·¨
}else if(document.defaultview && document ......
CSSʵÏÖ¾Ö²¿´òÓ¡
¹Ø¼ü×Ö: cssʵÏÖ¾Ö²¿´òÓ¡
ÔÚʵÏÖ´òÓ¡Ô¤ÀÀµÄʱºò£¬¿ÉÒÔ²ÉÓÃJSÀ´Íê³ÉÕâÒ»¹¦ÄÜ£¬µ«ÕâÑù»áÈÃËùÓÐÔÚÒ³ÃæÉϵIJ¿·Ö¶¼´ðÓ¦³öÀ´£¬°üÀ¨Ïñ“´òÓ¡Ô¤ÀÀ”ÕâÑùµÄ°´Å¥Ò²»á´òÓ¡£¬ÕâÑùµÄÇé¿ö£¬¿ÉÒÔ²ÉÓÃCSSÀ´Íê³É¾Ö²¿´ðÓ¦µÄ¹¦ÄÜ¡£
& ......
¸Õ¸ÕÓöµ½Ò»¸öСÎÊÌ⣬²éÁËÏÂ×ÊÁÏŪÃ÷°×ÁË£¬¼Ç¼ÏÂÀ´°É¡£
div.myClassÆ¥Åä<div class="myClass">XXX</div>ÖÐÕû¸ödiv¡£
div .myClassÆ¥Åä<div><span class="myClass">XXX</span></div>ÖеÄspan
×¢Ò⣺ǰÕßÊÇdiv.myClass£¬ºóÕßÔÚdivÓë.myClass¼äÓпոñ
·ÃÎÊÎҵIJ©¿Í²é¿´¸ü¶à£ºÐÄÈçÖ ......
ÔÀ´ÓÃjQueryµÄajax·½Ê½µ÷ÓÃasp.netÒ³Ãæ»ù±¾¶¼Êǵ÷Óõ¥¸öÒ³Ã棬Óɵ÷ÓÃÒ³ÃæResponseÄÚÈÝ£¬¶øÏÖÔÚ²ÉÓÃasp.net ajaxºó£¬ÎÒÃÇÔò¿ÉÒÔ¸üÍêÃÀµÄʹÓÃjQueryºÍasp.net½áºÏÁË£¬´úÂëÈçÏ£º
<asp:ScriptManager ID="ScriptManager1" runat="server" >
<Scripts>
<asp:ScriptReference Path="http ......
ÔÚʹÓÃjQuery µÄAjax¼ÓÔØÊý¾ÝÊÇ Èç¹ûʹÓÃget·½Ê½´«µÝ²ÎÊýÔò´æÔÚÒ»ÏÂÎÊÌâ
firefoxÏ´«µÝÊý¾ÝÕý³£
ieÏÂÔò»á³öÏÖ»º´æÎÊÌâ
½â¾ö·½·¨£º
1¡¢http://yourwebsite?parseInt(Math.random() * 1000) ÔÚurlºóÃæ¼ÓÉÏÒ»¸öËæ¼´Êý£¬ÕâÑùÿ´Î·¢Ë͵ľͲ»Ò»ÑùÁË£¬¶øÇÒ²»Ó°ÏìÄãµÄ¹¦ÄÜ.
2¡¢Ê¹ÓÃpost´«µÝ²ÎÊý
......