当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 跨框架下拉菜单

HTML/XHTML教程
你应该知道的CSS的十八个技巧
初学者很好的参考:HTML标签详尽讲解
学习网页标准制作技术之CSS相关基础知识
学习网页标准制作网页之CSS混合布局应用
HTML基础教程:详细学习常用HTML标签的语义
网页设计基础:基本的页面设计元素布局比例
网页制作基础:图像文件的路径知识
html基础系列教程Ⅰ:从p开始,循序渐进
html基础系列教程Ⅱ:丰富段落里的标签
html基础系列教程Ⅲ:用途相似的标签
html基础系列教程Ⅳ:链接与文本标签们
html基础系列教程Ⅴ:美化段落文本Ⅰ
html基础系列教程Ⅵ:美化段落文本Ⅱ
Web标准知识:(X)HTML Strict 下的嵌套规则
Web标准知识:语义与样式无关
Web标准知识:DIV不是万能膏药
web标准知识:当标题不能显示完整的时候
web标准知识:以图换字的几个方法及思路
CSS教程:legend标签设定宽度的技巧
html基础:常用小技巧几例

HTML/XHTML教程 中的 跨框架下拉菜单


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 185 ::
收藏到网摘: n/a

 

<HTML XMLNS:myMenu>
<?IMPORT namespace="myMenu" implementation="study/menu1.htc" />
<HEAD></HEAD>
<SCRIPT>
function doFunction(){
    // Retrieve the result from the event object created in menu.htc.
    var x = event.result;
    // Switch the result value.
    switch(x){
        case "picimage":
            document.all.oFrame.src = "http://www.smallrain.net/javascript.asp?type=图形图像";
            break;
        case "mouseevent":
            document.all.oFrame.src = "http://www.smallrain.net/javascript.asp?type=鼠标事件";
            break;
        case "timedate":
            document.all.oFrame.src = "http://www.smallrain.net/javascript.asp?type=时间日期";
            break;
        case "photoshopplug":
            document.all.oFrame.src = "http://www.smallrain.net/plug.asp?type=PhotoShop插件";
            break;
        case "webmake":
            document.all.oFrame.src = "http://www.smallrain.net/study.asp?type=网页制作";
            break;
        case "webProcedure":
            document.all.oFrame.src = "http://www.smallrain.net/study.asp?type=网络编程";
            break;
        case "aspcode":
            document.all.oFrame.src = "http://www.smallrain.net/download.asp?type=ASP源码下载";
            break;
        case "flashcode":
            document.all.oFrame.src = "http://www.smallrain.net/download.asp?type=FLASH源码下载";
            break;
        default:
            // Do nothing.
            break;
    }
}
</SCRIPT>
<BODY style="font-family:verdana; font-size:70%">

<div style="padding:10px; background:#ffffff; border:1px outset #cccccc; width:500px;"><myMenu:menu id="javascript" onsubmenu_click="doFunction()" >网页特效<myMenu:menu id="picimage">图形图像</myMenu:menu> <myMenu:menu id="mouseevent">鼠标事件</myMenu:menu> <myMenu:menu id="timedate">时间日期</myMenu:menu></myMenu:menu><myMenu:menu id="plug" onsubmenu_click="doFunction()">插件下载<myMenu:menu id="photoshopplug">Photoshop插件</myMenu:menu></myMenu:menu><myMenu:menu id="study" onsubmenu_click="doFunction()">网络学院 <myMenu:menu id="webmake">网页制作</myMenu:menu> <myMenu:menu id="webProcedure">网络编程</myMenu:menu></myMenu:menu><myMenu:menu id="download" onsubmenu_click="doFunction()">下载基地 <myMenu:menu id="aspcode">ASP源码下载</myMenu:menu> <myMenu:menu id="flashcode">FLASH源码下载