Âé·³°ïÖú½âÊÍһϣ¬¶ÔËü²»Ì«ÊìϤ
Õâ¶Î´úÂëÒª´ïµ½µÄÄ¿µÄÊÇ£ºµ±Êó±êÔÚÎÄ×ÖÉÏÃæÊ±£¬ÎÄ×ÖÏÂÃæ³öÏÖÏÂÀ²Ëµ¥¡£
CSS code:
li:hover ul, li.over ul { //[color=#FF6600] £¿ÕâÊÇʲôÒâ˼[/color]
display: block; //ÎÒÖªµÀÕâÊÇÏÔʾ¿éÐÅÏ¢
}
JScript code:
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over"; // [color=#FF9900]£¿ÕâÊÇʲôÒâ˼[/color] }
node.onmouseout=function() {
this.className=this.className.replace(" over", ""); // [color=#FF0000]ÕâÊÇʲôÒâ˼[/color] }
}
}
}
}
window.onload=startList;
//--><!]]></script>
¾ÍÊǸıäÑùʽ°É
this.className+=" over"; µÈ¼ÛÓÚ this.className=this.className+" over";
¸øclassNameÁ¬½Ó×Ö·û´®¡° over¡±
1.¿´µ½¡¶¾«Í¨javascript¡·ÉÏ˵£ºjavascriptÊÇÍêÈ«Òì²½µÄ£¬ÄÇôÊDz»ÊÇÿÌõÓï¾ä¶¼²»»áÖ´ÐÐÍ꣬ÏÂÌõÓï¾ä¾Í¿ªÊ¼Ö´ÐÐÄØ£¬Êµ¼ÊÉϲ»ÊÇÕâÑù£¬Ò²²»¿ÉÄÜÊÇÕâÑù£¬²»È»Ôõôд³ÌÐò£¿
2.´úÂëÈçÏ£¬ÎªÊ²Ã´²»¿ÉÐÐÄØ£º
JScript ......
$("p:first").before(" <center> <button id=\"button1\" onClick=\"cut()\">¼ôÇÐ </button> <button id=\"button2\">¸´ÖÆ <\/button> ......