`
笑天
  • 浏览: 1591 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

上下拉菜单的实现

阅读更多
<script>
function showsubmenu(sid){
var backgroundcolor="#98F5FF";
for(i=1;i<5;i++){
whichEl = eval("submenu" + i);
menuTitle = eval("menuTitle" + i);
if(i==sid){
if (whichEl.style.display == "none"){
eval("submenu" + i + ".style.display=\"\";");
menuTitle.bgcolor=backgroundcolor;
}else{
eval("submenu" + i + ".style.display=\"none\";");
menuTitle.bgcolor=backgroundcolor;
if(i==1){
eval("submenu1.style.display=\"\";");
menuTitle.bgcolor=backgroundcolor;
}else{
eval("submenu"+(i-1)+".style.display=\"\";");
menuTitle.bgcolor=backgroundcolor;
}
}
}else{
if (whichEl.style.display == "none"){
}else{
eval("submenu" + i + ".style.display=\"none\";");
menuTitle.bgcolor="#FFCC66";
}
}
}
}
</script>
分享到:
评论

相关推荐

    上下拉菜单

    在提供的文件`TestPopuMenu`中,可能是包含了实现上下拉菜单的示例代码或资源,可以通过分析和学习这些代码来深入了解具体的实现细节和技术。在实际项目中,开发者可以根据具体需求调整和优化这些示例,以创造出符合...

    右上下拉菜单

    在Android应用开发中,"右上下拉菜单"是一种常见的交互设计,通常用于提供更多的操作选项或者功能入口。这种设计在微信等社交应用中被广泛采用,增强了用户界面的易用性和功能性。本篇将深入探讨如何在Android中实现...

    自动上下拉菜单,自适应宽高(ios)

    在iOS开发中,实现一个自动上下拉菜单并具备自适应宽高的功能是一项常见的需求,尤其在设计用户界面时。这个功能通常用于创建更加灵活且友好的交互体验,使得用户能够轻松浏览和选择不同层次的数据。以下是一些关于...

    Android之抽屉效果的下拉菜单(上下伸缩和展开)

    本篇将详细介绍如何在Android中实现一个可以上下伸缩和展开的抽屉效果的下拉菜单。 首先,我们需要了解Android中的DrawerLayout,它是实现抽屉效果的基础组件。DrawerLayout允许开发者在屏幕边缘滑出一个“抽屉”,...

    Fragment上下文件菜单

    "Fragment上下文件菜单"是指在Fragment中实现一个类似Android系统原生上拉和下拉的菜单效果,这种菜单通常用于显示更多选项或者进行导航。在本示例中,我们将探讨如何通过改造官方提供的源码来更好地理解和应用这一...

    jQuery实现导航栏上下滑动效果,鼠标离开菜单后,导航自动回复原状,兼容主流浏览器

    // 鼠标悬停时下拉菜单滑动展开 }, function() { setTimeout(function() { if (!$('#slidingNavbar').is(':hover')) { // 当鼠标离开且不在导航栏上时 $('#slidingNavbar ul').slideUp(500); // 导航菜单自动...

    滑动菜单 上下左右

    本项目名为"Sliding Drawer Master",意在实现一个全方位——上下左右都能滑动的菜单效果,同时强调代码的简洁性。 在Android开发中,滑动菜单通常通过以下几种方式实现: 1. **SlidingPaneLayout**: Android SDK ...

    安卓SlidingMenu各种菜单侧滑菜单相关-实现了一个Android的抽屉效果的下拉菜单(上下伸缩和展开).rar

    在这个"安卓SlidingMenu各种菜单侧滑菜单相关-实现了一个Android的抽屉效果的下拉菜单(上下伸缩和展开)"项目中,开发者提供了一种实现上下伸缩和展开效果的抽屉菜单。 首先,SlidingMenu库的核心功能是创建一个可以...

    非常简单且好用的上下拉刷新Demo

    这个Demo名为“非常简单且好用的上下拉刷新Demo”,它演示了如何自定义一个ListView来实现这一特性,旨在提供一种简单易用、易于修改的解决方案。 1. **上下拉刷新原理**: 上下拉刷新机制允许用户通过手势(向下...

    andriod自定义仿新闻上下子菜单可收缩列表

    "Android自定义仿新闻上下子菜单可收缩列表"这个主题涉及到的是如何在Android应用中实现一个类似于新闻APP中的交互式列表,它具备上拉下拉的子菜单,并且可以进行收缩和展开操作。这种功能常见于新闻详情页面,用户...

    delphi左侧推拉式菜单实例代码

    从这些文件我们可以推测,`Unit1.pas`中应该包含了实现推拉式菜单的代码逻辑,而`Unit1.dfm`则描述了菜单面板和内容面板的布局。通过打开和分析这些文件,初学者可以逐步了解如何在Delphi中实现推拉式菜单功能。 ...

    HTML5手机端实现 上下滚动

    设置适当的视口宽度和初始缩放比例可以使内容适应不同尺寸的屏幕,从而实现流畅的上下滚动。 二、CSS3与滚动效果 CSS3提供了许多新的选择器和样式规则,比如`transform`和`transition`属性,可以用来优化滚动动画。...

    visual c++ vc菜单栏有底色颜色和图片 上边横的菜单栏有颜色,下拉菜单也有颜色.zip

    在Visual C++(VC++)...综上所述,实现Visual C++中菜单栏有底色颜色和图片,以及上下拉菜单有颜色的效果,需要掌握Windows API的菜单操作、自绘技术和资源管理。通过这些技术,可以创建出独特且吸引人的用户界面。

    ActionBar中的下拉菜单操作

    本文将深入探讨如何在ActionBar中实现下拉菜单功能,这在很多应用中都是一个常见的交互设计。 首先,我们需要理解ActionBar的基本概念。ActionBar是Android 3.0(API级别11)引入的一个UI元素,它为用户提供了一种...

    仿QQlistView的item划动删除 上下拉刷新

    在Android开发中,仿QQlistView的item划动删除及上下拉刷新是常见的功能需求,尤其是在构建消息列表或社交应用时。XListView-Android-master是一个开源项目,它提供了这一功能的实现,使得开发者能够轻松地在自己的...

    html5手机移动端上下左右滑出菜单代码.zip

    这种菜单通常被用作导航系统,允许用户通过简单的手势操作(如滑动)从屏幕边缘拉出或收起菜单,提供一个优雅且直观的用户体验。 这个压缩包包含了一个基于jQuery和CSS3实现的示例。jQuery是一个轻量级的JavaScript...

    Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码

    `#left_dh`是导航菜单本身,初始宽度为0,通过CSS过渡效果(`transition`)实现平滑的宽度变化。`#black_bg`作为半透明遮罩,用于当菜单展开时降低其他内容的可见性。 最后,jQuery用于处理交互逻辑。`openLeft_dh...

    仿QQ左划删除+上下拉刷新

    总的来说,"仿QQ左划删除+上下拉刷新"是一个集成了手势识别、动画效果和数据加载策略的复杂功能,它的实现涉及到了Android开发的多个核心领域,包括UI设计、触摸事件处理、数据加载和自定义视图等。通过学习和实践这...

    Android高级应用源码-仿QQ listView的item划动删除+上下拉刷新.zip

    这个压缩包"Android高级应用源码-仿QQ listView的item划动删除+上下拉刷新.zip"包含了一个名为XListView-Android-master的项目,它提供了对ListView的扩展,实现了QQ风格的滑动删除功能以及上下拉刷新的效果。...

    基于STM32单片机控制液晶LCD12864显示开机画面多级菜单显示软件例程源码.rar

    在本项目中,首先需要对STM32的GPIO口进行配置,设置正确的时钟使能、模式选择和上下拉状态,以便为SPI或I2C接口提供必要的硬件支持。然后,根据所选接口编写相应的驱动程序,包括初始化函数、发送命令和数据的函数...

Global site tag (gtag.js) - Google Analytics