问题描述
如题，最近在网上找了个很牛逼的菜单例子，但是拷到.aspx页面的时候不能正常显示，请各位多多指教，本人菜鸟，页面代码如下：<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="problem.aspx.cs"Inherits="problem"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>css</title><style>body{background-color:#B8B8A0;}#fbtn{display:none;overflow:hidden;border-style:solid;border-width:1px;border-color:#e1e1c9#e1e1c9#6e6e56#6e6e56;padding:1111;width:115px;height:30px;}#fbtn_txt{position:relative;}#fbtn_txtdiv{height:30px;padding-top:11px;font-size:12px;color:#800080;text-align:center;cursor:hand;}#fbtn_mask{background-color:#ffffff;position:relative;width:100%;height:100%;}</style></head><body><divid=fbtn><divid=fbtn_mask></div><divid=fbtn_txt><div>G1</div><div>goodmorning</div></div></div><divid=Div1><divid=Div2></div><divid=Div3><div>G2</div><div>goodevening</div></div></div><divid=Div4><divid=Div5></div><divid=Div6><div>M1</div><div>mynameisfireyy</div></div></div><divid=Div7><divid=Div8></div><divid=Div9><div>M2</div><div>mmmmiloveu</div></div></div><divid=Div10><divid=Div11></div><divid=Div12><div>G1</div><div>goodmorning</div></div></div><divid=Div13><divid=Div14></div><divid=Div15><div>G2</div><div>goodevening</div></div></div><divid=Div16><divid=Div17></div><divid=Div18><div>M1</div><div>mynameisfireyy</div></div></div><divid=Div19><divid=Div20></div><divid=Div21><div>M2</div><div>mmmmiloveu</div></div></div><scriptlanguage="jscript">varcurrent=null;//存储目前鼠标所到的地方vart=null;for(vari=0;i<fbtn.length;i++){fbtn_txt[i].style.posTop=-30;//向上溢出30PXfbtn_mask[i].style.posTop=-30;//向上溢出30PXfbtn[i].index=i;fbtn[i].style.display="block";fbtn[i].onmouseover=function(){//当鼠标在某个菜单上时执行的函数操作if(!current)//上次所点菜单正好在直接移动{current=this;domove(this.index);}elseif(current!=this)//不在{domove(current.index);domove(this.index);current=this;}}fbtn[i].onmouseout=function(){if(event.toElement==this.parentElement&t==this){domove(this.index);current=null;}}}functiondomove(num)//移动函数，当鼠标在某个分量上时进行移动{varo=fbtn_txt[num];varm=fbtn_mask[num];if(o.style.posTop<-60){o.style.display="none";vart=o.children[1].innerHTML;o.children[1].innerHTML=o.children[0].innerHTML;o.children[0].innerHTML=t;o.style.posTop=-30;o.style.display="block";if(m.style.posTop>30)m.style.posTop=-30;elsem.style.posTop=0;}else{m.style.posTop+=3;o.style.posTop-=3;setTimeout('domove('+num+')',15);}}</script></body></html>
解决方案
解决方案二：
是因为<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
解决方案三：
能说具体点吗，我菜鸟，不懂呐…………
解决方案四：
引用1楼的回复:
是因为<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
能说具体点吗，我菜鸟一个，不懂呐…………
解决方案五：
你测试的页面前面使用的什么dtd，这里也改成一样的
解决方案六：
初初得看了下js，发现fbtn，fbtn_txt，fbtn_mask这三个变量没有定义申明，LZ在拷贝源码的时候是不是少考了些东西，或者忘了拷贝js的外部引用？LZ再看看检查下哈