Javascript创建折叠式导航菜单

javascript|菜单|创建|导航

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

function formHandler()

{

var URL = document.form.site.options

[document.form.site.selectedIndex].value;

window.location.href = URL;

// End -->

}

</SCRIPT>

那在网页上如何调用呢?以下是具体代码:

<CENTER>

<FORM name = "form">

<SELECT NAME="site" SIZE=1 onChange ="formHandler()">

<OPTION VALUE=""> 连接到….

<OPTION VALUE="http://www.pconline.com.cn"> 太平洋电脑网

<OPTION VALUE="http://cn.yahoo.com"> 中文雅虎

<OPTION VALUE="http://www.263.net"> 263网站

<OPTION VALUE="http://www.usnews.com"> 美国在线

<OPTION VALUE="http://www.neworiental.org"> 北京新东方

</SELECT>

</FORM>

</CENTER>

下面是全部的代码:

<head>

<title> Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

function formHandler()

{

var URL = document.form.site.options

[document.form.site.selectedIndex].value;

window.location.href = URL;

// End -->

}

</SCRIPT>

</head>

<FORM name = "form">

<SELECT NAME="site" SIZE=1 onChange ="formHandler()">

<option value=""> 连接到…. </option>

<option value="http://www.pcedu.com.cn"> 太平洋网络学院</option>

<option value="http://cn.yahoo.com"> 中文雅虎 </option>

<option value="http://www.263.net"> 263网站 </option>

<option value="http://www.usnews.com"> 美国在线 </option>

<option value="http://www.neworiental.org"> 北京新东方 </option>

</SELECT>
</FORM>

时间: 2024-10-29 12:10:37

Javascript创建折叠式导航菜单的相关文章

&amp;#106avascript创建折叠式导航菜单

菜单|创建 <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function formHandler() { var URL = document.form.site.options [document.form.site.selectedIndex].value; window.location.href = URL; // End --> } </SCRIPT> 那在网页上如何调用呢?以下是具体代码: <

怎样为SharePoint网站创建自定义导航菜单

相信不少人都希望把SharePoint网站内置的那个顶部导航菜单,换成自己希望的样式.由于SharePoint 2007/2010的网站导航基本上基于标准的ASP.NET SiteMap模型,所以只要你对ASP.NET SiteMap有一些了解,就能创建一个自定义的导航菜单. 在开始之前,让我们先从网上随便找一个样子比较cool的菜单控件.在下面的示例中,我会选择使用Smooth Navigation Menu这个jQuery控件,来渲染出SharePoint网站的顶部导航菜单.将Smooth

动态网站导航菜单:Javascript和jQuery导航菜单教程

文章简介:非常优秀的jQuery+CSS实现动态导航菜单教程. 导航栏是一个网站最常使用的部分之一,用户可以通过它有序地访问网页并返回到主页.这就要求导航栏一定要简单.易用,不要让用户在浏览网站过程中迷失.接下来我们要谈的是其下的导航菜单设计.导航菜单不宜设计成过分花哨,产生令人厌烦的感觉.但也要追求赏心悦目,同时一定要做到方便查找.现在,您可以利用Javascript和jQuery技术设计出不同的导航菜单,本篇文章收集了一些相关教程. 最后,值得提醒的是不要过分使用动态菜单,不要过分复杂,这样

用javascript封装的导航菜单

javascript|菜单|导航|封装 正好这几天公司不忙,学校又没有事情,所以想抽空架一个个人主页,设计的时候想在主页做一个酷酷的导航菜单,于是就上网找灵感.有一个网站的导航栏给我的印象不错,于是就把网页保存下来想研究一下它的js代码,没想到的是竟然是用.NET的自定义控件生成的!上面的代码差点没把我看晕过去!(有兴趣的话可以试一试哦,里面N多变量的---汗),还好大三时学过c#(垃圾)加上它的控件可以试用,就下下来用了,感觉还真的不错,简单易用,可是-测试的时候差点没昏了!NND试用版的竟然

用Javascript制作旋转导航菜单

你见过这样的导航菜单吗?导航菜单围绕着网站Logo不停地旋转,而一旦你把鼠标移到菜单上,旋转立即停止,在显示网站logo的地方显示出这个菜单链接的内容简介,点击链接将链接到指定的网页.一旦你的鼠标离开菜单,导航菜单又继续不停地旋转.你看这种导航菜单是不是既吸引人又贴近用户.本文例子如下图所示.是不是想在自已的网页上也放上一个,其实制作起来也不太难. 制作思路:要使页面的内容旋转起来,用图层和Javascript程序是肯定的了,要使图层的运动轨迹是一个圆,这要用到圆的参数方程,这是一个数学问题,不

麦鸡的TAB切换功能结合了javascript和css_导航菜单

这类型东西网上多的是,但朋友说我的程序程序理念好(嘻-),我也写一个tab切换,厚着脸皮把它叫麦鸡的TAB切换(汗一把先.),转载也请注明麦鸡的博客,下面就开始了 做个滑动门,需要一个图片 CSS 复制代码 代码如下: .nav{position:relative}  .nav dt{float:left; margin:0 2px 0 0; position:relative; z-index:2}  .nav dt a{color:#555; text-decoration:none}  .

超酷的鼠标拖拽翻页(分页)效果实现javascript代码_导航菜单

2009-4-9 12:35http://www.jb51.net 2009-4-9 12:35啊!停不住的爱人 2009-4-9 12:35宁静温泉 2009-4-9 12:35你的样子 2009-4-9 12:35恋曲1980 2009-4-9 12:35恋曲1990 2009-4-9 12:35恋曲2000 2009-4-9 12:35亚细亚的孤儿 2009-4-9 12:35伴侣 2009-4-9 12:35童年 2009-4-9 12:35 2009-4-9 12:35爱人同志 200

WordPress导航菜单设置添加方法

wordpress3.0之前的版本是不支持导航菜单的,尽管如此很多3.0之前的 主题都集成了单导航菜单,但有些并没有导航菜单.而wodpress发展到3.0版本以后能够原生的支持导航菜单了,如果闲的蛋疼,那就修改一下自己的 主题,让它支持原生态的 wordpress导航菜单. 如果在 wordpress后台"外观/菜单"下看到"The current theme dose not natively support menus,but you can use the "

使用 JavaScript 创建 FrontPage 下拉菜单

frontpage|javascript|菜单|创建|下拉 摘要: 当您在 Internet 上进行浏览时,到处都在使用各种类型的下拉菜单,但如果您曾经尝试创建过一种类型的下拉菜单的话,就会了解此过程可能并非总是非常简单.本文解释了创建您自己的下拉菜单所需的脚本和样式. 下拉菜单简介 Internet 上几乎每个站点都存在某种种类的下拉菜单.您可能会发现,简单的下拉菜单会在网页的上部水平排列,复杂些的会级联子菜单,有些使用带有鼠标停留效果的图形,还有一些在网页的左侧或右侧竖直排列.如果您想过在自