ƯÁÁµÄCSS + XHTMLµ¼º½²Ëµ¥
Äã´ó¸ÅÖªµÀ£º¶ÔÓÚÒ»¸öеķÃÎÊÕßÀ´Ëµ£¬ËûÔÚ×î³õ20ÃëÄÚÓëÄ³ÍøÕ¾µÄ»¥¶¯Çé¿ö£¬¾ö¶¨ÁËËûÊÇ·ñ»áÁôÔÚÕâ¸öÍøÕ¾×ö½øÒ»²½µÄ̽Ë÷£¬»¹ÊÇÑﳤ¶øÈ¥¡£Õâ¾ÍÒâζ×Å£¬ÔÚÉè¼ÆÍøÒ³µÄʱºò£¬Äã±ØÐë×ñÑÒ»¶¨µÄ¹æÂÉÀ´Áôס·ÃÎÊÕß¡£¼òµ¥µÄ˵£¬¾ÍÊǰÑËùÓеÄÍøÒ³ÔªËØ·ÅÔÚ·ÃÎÊÕßËùÆÚ´ýµÄλÖ᣽øÐдËÉè¼ÆµÄÒ»¸öÖØÒª¶øÓÐЧµÄ²¿·Ö£¬¾ÍÊÇÕûÒ»¸öÒ×ÓÚʹÓõĵ¼º½²Ëµ¥¡£
±¾ÎĽ«ÊÖ°ÑÊÖ´øÁìÄúÔÚjQueryµÄ°ïÖúÏ£¬ÖÆ×÷Ò»¸öƯÁÁµÄCSS + XHTMLµ¼º½²Ëµ¥¡£
Home
Services
Our clients
The team
About us
Contact us
µÚÒ»²½£ºHTML
<div id="menu-container">
<ul id="navigationMenu">
<li><a href="#" mce_href="#" class="normalMenu">Home</a></li>
<li><a href="#" mce_href="#" class="normalMenu">Services</a></li>
<li><a href="#" mce_href="#" class="selectedMenu">Our clients</a></li>
<li><a href="#" mce_href="#" class="normalMenu">The team</a></li>
<li><a href="#" mce_href="#" class="normalMenu">About us</a></li>
<li><a href="#" mce_href="#" class="normalMenu">Contact us</a></li>
</ul>
</div>
ºÇºÇ£¬Õâ´úÂë¼òµ¥°É£¿Æäʵ¾ÍÊÇÒ»¸ö ul
+ li
µÄ½á¹¹¡£Ò»Ä¿ÁËÈ»¡£Èç¹ûÄúÏë¼ÓÒ»Ï¼õÒ»Ï»òÊÇ»»¸ö²Ëµ¥Á´½Ó£¬¾Í¶Ô×Å li
ºÍ a
±êÇ©ÏÂÊ־ͳɡ£àÅ£¬Î¨Ò»ÐèҪעÒâµÄ¾ÍÊÇ£¬ÔõôÉ趨һ¸öµ±Ç°£¨»òÑ¡¶¨£©µÄ²Ëµ¥Ïî¡£ÈçÉÏÃæ´úÂ룬Äú¾Í°Ñ a
µÄ class ÉèΪ “selectedMenu” ¼´¿É£¨Èç´úÂëÖÐµÄ Our clients Ï¡£
Ïà¹ØÎĵµ£º
JavaScript×÷ÓÃС½á£º
1 ´´½¨½Å±¾¿é
1: <script language=”JavaScript”>
2: JavaScript code goes here
3: </script>
2 Òþ²Ø½Å±¾´úÂë
1: <script language=”JavaScript”>
2: <!--
3: document.write(“ ......
ÔÚtableÖпØÖƵ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÒªÓõ½cellspacing¡¢cellpadding£¬Ä¬ÈÏÇé¿öcellspacing¡¢cellpadding¾ù²»Îª0£¬µ«¾³£µÄ×´¿öΪÁ˲»ÈÃtableµ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÓ°Ïìµ½ÃÀ¹Û£¬ÎÒÃǾ³£»á°Ñcellspacing¡¢cellpaddingÉèÖÃΪ0£¬Òò´Ë¾³£¿´µ½“<table cellspacing=0 cellpadding=0>”ÕâÑùµÄ´úÂë¡£ÕâÑù×öÎÞÐÎÖÐÔö¼ÓÁË´ú ......
ÔÚ˵µ½Õâ¸öÎÊÌâµÄʱºò£¬Ò²ÐíÓÐÈË»áÎÊCSSÖв»ÊÇÓÐvertical-alignÊôÐÔÀ´ÉèÖô¹Ö±¾ÓÖеÄÂ𣿼´Ê¹ÊÇijЩä¯ÀÀÆ÷²»Ö§³ÖÎÒÖ»Ðè×öÉÙÐíµÄCSS Hack¼¼Êõ¾Í¿ÉÒÔ°¡£¡ËùÒÔÔÚÕâÀïÎÒ»¹Òª啰àÂÁ½¾ä£¬CSSÖеÄÈ·ÊÇÓÐvertical-alignÊôÐÔ£¬µ«ÊÇËüÖ»¶Ô(X)HTMLÔªËØÖÐÓµÓÐvalignÌØÐÔµÄÔªËØ²ÅÉúЧ£¬ÀýÈç±í¸ñÔªËØÖеģ¼td£¾¡¢£¼th£¾¡¢£¼caption£¾ ......