`

创建折叠式导航菜单

阅读更多

<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>

分享到:
评论

相关推荐

    纯html5折叠式导航菜单

    在这个“纯HTML5折叠式导航菜单”中,我们将深入探讨如何利用HTML5的特性创建一个交互式的、可折叠的导航菜单,这在现代网页设计中是非常常见的元素。 首先,HTML5引入了新的结构元素,如标签,它用于定义页面的...

    折叠式导航菜单

    折叠式导航菜单是一种常见的网页设计元素,主要用于组织和展示网站的主要结构,使用户能够方便地在各个页面间导航。这种菜单通常包含多个层次,通过点击主菜单项来展开或折叠子菜单,以此节省屏幕空间,特别是在移动...

    jquery手风琴折叠式导航菜单特效!

    "jQuery手风琴折叠式导航菜单特效"是一种高效的交互设计,尤其适用于有限的屏幕空间,如侧边栏导航。本文将深入探讨这个特效的工作原理、实现方法以及它的优势。 首先,我们来了解jQuery。jQuery是一个轻量级的...

    网页底部圆形可折叠式导航菜单.rar

    网页底部的圆形可折叠式导航菜单是网页设计中一种创新且吸引用户的交互方式。这个设计通常出现在网页的底部,提供一种简洁而优雅的导航方式,允许用户轻松访问网站的主要页面或功能。在这个“网页底部圆形折叠式导航...

    jQuery响应式导航菜单.zip

    "jQuery响应式导航菜单"是一个专为实现这一目的而设计的解决方案。这个项目使用了两个核心JavaScript库:jQuery 1.8.3和pgwmenu.min.js,它们共同创建了一种动态、适应性强的菜单系统,尤其适用于现代网页设计,特别...

    VB 创建QQ式导航菜单.rar

    首先,我们需要了解QQ式导航菜单的核心特点。这种菜单通常包含可折叠和展开的子菜单,允许用户根据需要查看或隐藏不同的功能模块。菜单项可能被分组,以更好地组织和展示应用的功能。同时,菜单通常会采用图文并茂的...

    VB导航菜单 仿QQ菜单

    VB导航菜单 仿QQ菜单是一种在Visual Basic (VB)开发环境中创建类似QQ应用程序的垂直折叠式菜单的控件。这个控件的设计目的是提供一个简单、直观且可自定义的方式来构建用户界面,使得开发者能够轻松地为应用程序添加...

    折叠式侧滑菜单

    在实际应用中,折叠式侧滑菜单的内容通常包括导航链接、设置选项或其他常用操作。为了提供良好的用户体验,菜单的内容应清晰、简洁,避免过多的层级和复杂的结构。 总的来说,折叠式侧滑菜单是一种有效的界面设计...

    jquery折叠式菜单实现

    在本文中,我们将深入探讨如何使用jQuery来实现折叠式菜单,并结合CSS技术创建自增长圆角背景。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画效果,使得网页交互更加丰富和动态。 首先,让...

    JavaScript自定义折叠菜单和使用Jquery函数库创建折叠菜单

    在JavaScript和jQuery的世界里,创建折叠菜单是一种常见的交互设计,它可以有效地组织和展示大量信息,同时保持页面的整洁。在本文中,我们将深入探讨如何利用这两种强大的技术来实现自定义折叠菜单。 首先,让我们...

    CSS+js无限级折叠导航菜单

    这个方案结合了CSS(层叠样式表)和JavaScript的力量,创建了一个可以无限层级扩展的折叠式导航菜单,既美观又实用。 首先,CSS在其中起着关键作用,主要负责菜单的布局、样式和动画效果。通过使用CSS,我们可以...

    实用jQuery可折叠收缩导航菜单特效代码

    在网页设计中,导航菜单是不可...总的来说,这个"实用jQuery可折叠收缩导航菜单特效代码"展示了如何利用jQuery和CSS创建交互性强、视觉效果佳的网页导航菜单。开发者可以学习并自定义这些代码,以适应他们的项目需求。

    jQuery后台管理系统可折叠左侧导航菜单特效

    本主题聚焦于"jQuery后台管理系统可折叠左侧导航菜单特效",这通常涉及到网页应用的用户界面(UI)设计,尤其是针对后台管理系统的优化。 首先,这个特效的核心在于提供一个可折叠的左侧导航菜单。这种设计旨在提高...

    jquery右侧滑动折叠效果导航菜单

    "jQuery右侧滑动折叠效果导航菜单"是一种增强用户体验的交互设计,尤其适用于响应式网页,使得有限的屏幕空间得以高效利用。本文将详细讲解如何实现这种效果以及涉及的相关技术知识点。 一、jQuery库的使用 jQuery...

    Javascript经典实例

    在这个“JavaScript经典实例”中,我们将探讨两个关键的JavaScript应用场景:创建弹出式窗口和创建折叠式导航菜单,以及如何利用JavaScript探测浏览器插件。 1. 创建弹出式窗口: 在网页开发中,弹出式窗口常用于...

    jQuery响应式导航菜单

    4. **导航菜单的结构**:一个典型的响应式导航菜单通常包含顶部固定位置的主导航栏,以及可能的折叠式子菜单。在小屏幕上,这些子菜单可能会被隐藏并通过点击按钮来展开,以节省空间。 5. **CSS Flexbox或Grid布局*...

    竖向二级折叠导航菜单(只展开一个)

    在实际开发中,我们还需要考虑响应式设计,确保在不同屏幕尺寸和设备上,导航菜单都能良好地工作。这可能需要使用媒体查询(Media Queries)来调整菜单的样式,或者采用Flexbox或Grid布局来实现更灵活的布局。 总结...

    基于jquery+css3实现左右摇摆可滑动展开折叠圆形导航菜单

    本项目聚焦于创建一个独特且交互性强的导航菜单,采用jQuery和CSS3技术,实现了一个左右摇摆、可滑动展开与折叠的圆形导航菜单。这个设计既提升了用户体验,也增加了网站的视觉吸引力。 首先,jQuery是一个轻量级的...

    jQuery基于SuperSlide制作响应式导航菜单和轮播图特效

    1. **响应式导航菜单**:在创建响应式导航菜单时,我们首先需要确保菜单在不同屏幕尺寸下都能够良好地工作。这通常涉及到使用媒体查询(Media Queries)来检测设备的视口宽度,并根据这些宽度调整菜单的布局。在本...

    折叠式三级导航

    在折叠式导航中,它用于控制菜单的展开和收起。 2. `slideUp`:这个方法会使元素向上滑动并隐藏,通常配合`slideToggle`使用,当需要折叠一个已经展开的菜单时。 通过以上讲解,我们可以看到折叠式三级导航在网页...

Global site tag (gtag.js) - Google Analytics