当前位置:编程学习 > C#/ASP.NET >>

.aspx页面中嵌入JS的问题

如题,最近在网上找了个很牛逼的菜单例子,但是拷到.aspx页面的时候不能正常显示,请各位多多指教,本人菜鸟,页面代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="problem.aspx.cs" Inherits="problem" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<html>
<head>
<meta http-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:1 1 1 1;
        width:115px;
        height:30px;
        }
        #fbtn_txt{
        position:relative;
        }
        #fbtn_txt div{
        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>
    <div id=fbtn>
        <div id=fbtn_mask></div>
        <div id=fbtn_txt>
            <div>G1</div>
            <div>good morning</div>
        </div>
    </div>
    
    <div id=Div1>
        <div id=Div2></div>
        <div id=Div3>
            <div>G2</div>
            <div>good evening</div>
        </div>
    </div>
    
    <div id=Div4>
        <div id=Div5></div>
        <div id=Div6>
            <div>M1</div>
            <div>my name is fireyy</div>
        </div>
    </div>
    
    <div id=Div7>
        <div id=Div8></div>
        <div id=Div9>
            <div>M2</div>
            <div>mm mm i love u</div>
        </div>
    </div>
    <div id=Div10>
        <div id=Div11></div>
        <div id=Div12>
            <div>G1</div>
            <div>good morning</div>
        </div>
    </div>
    
    <div id=Div13>
        <div id=Div14></div>
        <div id=Div15>
            <div>G2</div>
            <div>good evening</div>
        </div>
    </div>
    
    <div id=Div16>
        <div id=Div17></div>
        <div id=Div18>
            <div>M1</div>
            <div>my name is fireyy</div>
        </div>
    </div>
    
    <div id=Div19>
        <div id=Div20></div>
        <div id=Div21>
            <div>M2</div>
            <div>mm mm i love u</div>
        </div>
    </div>
    
    <script language="jscript">
    var current=null;//存储目前鼠标所到的地方
    var t=null;
    for(var i=0;i<fbtn.length;i++)
    {
        fbtn_txt[i].style.posTop=-30;//向上溢出30PX
        fbtn_mask[i].style.posTop=-30;//向上溢出30PX
        fbtn[i].index=i;
        fbtn[i].style.display="block";
        fbtn[i].onmouseover=function(){ //当鼠标在某个菜单上时执行的函数操作
                                        if(!current)//上次所点菜单正好在直接移动
                                        {
                                            current=this;
                                            domove(this.index);
                                        }
                                        else if(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;
                                        }
                                     }
    }
    function domove(num)//移动函数,当鼠标在某个分量上时进行移动
    {
        var o=fbtn_txt[num];
        var m=fbtn_mask[num];
        if(o.style.posTop<-60)
        {
            o.style.display="none";
            var t=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;
            else
                m.style.posTop=0;
        }
        else
        {
            m.style.posTop+=3;
            o.style.posTop-=3;
            setTimeout('domove('+num+')',15);
        }
    }
    </script>
</body>
</html>
--------------------编程问答-------------------- 是因为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

--------------------编程问答-------------------- 能说具体点吗,我菜鸟,不懂呐………… --------------------编程问答--------------------
引用 1 楼  的回复:
是因为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


能说具体点吗,我菜鸟一个,不懂呐………… --------------------编程问答-------------------- 你测试的页面前面使用的什么dtd,这里也改成一样的 --------------------编程问答-------------------- 初初得看了下js,发现fbtn,fbtn_txt,fbtn_mask这三个变量没有定义申明,LZ在拷贝源码的时候是不是少考了些东西,或者忘了拷贝js的外部引用?
LZ再看看检查下哈
补充:.NET技术 ,  ASP.NET
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,