求高手指點一個模塊問題

下面這一段代碼,編輯時顯示下拉菜單,在網易日誌發表則改變了原有的樣式,求高手指點,不勝感激

<TABLE style="WIDTH: 684px; HEIGHT: 197px" border=1 cellSpacing=5 borderColor=#cccccc cellPadding=5 width_=684 background=http://img8.ph.126.net/_HGMzX-tdQBENzVMy0RsXw==/1457195954432696908.jpg>

<TBODY>

<TR>

<TD>

<SCRIPT type=text/javascript><!--//--><![CDATA[//><!--

function menuFix() {

var sfEls = document.getElementById("menu").getElementsByTagName("li");

for (var i=0; i<sfEls.length; i++) {

sfEls[i].onmouseover=function() {

this.className+=(this.className.length>0? " ": "") + "sfhover";

}

sfEls[i].onMouseDown=function() {

this.className+=(this.className.length>0? " ": "") + "sfhover";

}

sfEls[i].onMouseUp=function() {

this.className+=(this.className.length>0? " ": "") + "sfhover";

}

sfEls[i].onmouseout=function() {

this.className=this.className.replace(new RegExp("( ?|^)sfhover\b"),

"");

}

}

}

window.onload=menuFix;

//--><!]]></SCRIPT>

<STYLE type=text/css>

body { font-family: Verdana; font-size: 12px; line-height: 1.5; }

a { color: #000; text-decoration: none; }

a:hover { color: #F00; }

#menu { width:500px; height:28px; margin:0 auto; border-bottom:3px solid #E10001;}

#menu ul { list-style: none; margin: 0px; padding: 0px; }

#menu ul li { float:left; margin-left:2px;}

#menu ul li a { display:block; width:87px; height:28px; line-height:28px; text-align:center; background:url(http://img1.ph.126.net/TdKClfQcaBB1jMMYzreauw==/2713981725445126771.gif) 0 0 no-repeat; font-size:14px;}

#menu ul li a:hover { background:url(http://img1.ph.126.net/TdKClfQcaBB1jMMYzreauw==/2713981725445126771.gif) 0 0 no-repeat;}

#menu ul li a#current { background:url(http://img1.ph.126.net/TdKClfQcaBB1jMMYzreauw==/2713981725445126771.gif) 0 0 no-repeat; font-weight:bold; color:#fff;}

#menu ul li ul { border:1px solid #ccc; display:none; position:absolute;}

#menu ul li ul li { float:none; width:87px; background:#eee; margin:0;}

#menu ul li ul li a { background:none;}

#menu ul li ul li a:hover { background:#333; color:#fff;}

#menu ul li:hover ul { display:block;}

#menu ul li.sfhover ul { display:block;}

</STYLE>

<DIV style="WIDTH: 692px; HEIGHT: 124px" id=menu>

<UL>

<LI><A id=current href="http://aaa232649bb.blog.163.com/"><FONT color=#000000>網易博客</FONT></A>

<UL>

<LI><A href="http://aaa232649bb.blog.163.com/">AAAAA</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">BBBBB</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">CCCCC</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">AAAAA</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">BBBBB</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">CCCCC</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">DDDDD</A></LI></UL></LI></LI>

<UL>

<LI><A href="http://aaa232649bb.blog.163.com/">美圖美文</A>

<UL>

<LI><A href="http://aaa232649bb.blog.163.com/">AAAAA</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">BBBBB</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">CCCCC</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">DDDDD</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">EEEEEE</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">KKKKKK</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">RRRRRR</A></LI></UL></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">在線工具</A>

<UL>

<LI><A href="http://aaa232649bb.blog.163.com/">AAAAA</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">BBBBB</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">CCCCC</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">DDDDD</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">EEEEEE</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">KKKKKK</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">RRRRRR</A></LI></UL></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">音樂</A>

<UL>

<LI><A href="http://aaa232649bb.blog.163.com/">FFFFFFF</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">GGGGG</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">HHHHHH</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">AAAAA</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">BBBBB</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">CCCCC</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">DDDDD</A></LI></UL></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">在線查詢&nbsp;</A>

<UL>

<LI><A href="http://aaa232649bb.blog.163.com/">AAAAA</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">BBBBB</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">CCCCC</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">AAAAA</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">BBBBB</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">CCCCC</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">DDDDD</A></LI></UL></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">博客製作一&nbsp;</A>

<UL>

<LI><A href="http://aaa232649bb.blog.163.com/">AAAAA</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">BBBBB</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">CCCCC</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">AAAAA</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">BBBBB</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">CCCCC</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">DDDDD</A></LI></UL></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">博客製作二</A>

<UL>

<LI><A href="http://aaa232649bb.blog.163.com/">AAAAA</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">BBBBB</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">AAAAAAAA</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">BBBBBBBB</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">CCCCCCC</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">DDDDDDD</A></LI>

<LI><A href="http://aaa232649bb.blog.163.com/">EEEEEEEE</A></LI></A></UL></LI></UL></UL></LI>

<UL></UL></LI>

<UL></UL></LI>

<UL></UL>

<UL></UL></DIV><BR></TD></TR></TBODY></TABLE>


推薦閱讀:

中三條以上的女生, 肯定是情場女高手!
高手楷書《甘肅賦》,不服不行啊!
成為幽默高手的途徑
聰明的女人都是情場高手

TAG:高手 | 手指 | 模塊 | 問題 |