针对PC端,左侧二级或者多级菜单展开,折叠手风琴效果的实践案例。
2021-10-21 22:02:40 95KB Axure 交互效果 二级折叠菜单
1
<html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>下拉菜单演示</title> <style type="text/css"> <!-- *{margin:0px; padding:0px;} body {font-family: arial, 宋体, serif;font-size:12px;} #nav {line-height: 24px; list-style-type: none; background:#666; } #nav a {display: block; width: 80px; text-align:center;} #nav a:link {color:#666; text-decoration:none;} #nav a:visited {color:#666;text-decoration:none;} #nav a:hover {color:#FFF;text-decoration:none;font-weight:bold;} #nav li {float: left; width: 80px; background:#CCC;} #nav li a:hover{background:#999;} #nav li ul {line-height: 27px; list-style-type: none;text-align:left;left: -999em; width: 180px; position: absolute;} #nav li ul li{float: left;background: #F6F6F6;} #nav li ul a{display: block; width: 156px;text-align:left;padding-left:24px;} #nav li ul a:link {color:#666; text-decoration:none;} #nav li ul a:visited {color:#666;text-decoration:none;} #nav li ul a:hover {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00;} #nav li:hover ul {left: auto;} #nav li.sfhover ul {left: auto;} #content {clear: left;} --> </style> [removed]<!--//--><![CDATA[//><!-- function menuFix() { var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i0? " ": "") + "sfhover"; } sfEls[i].onMouseDown=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseUp=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), ""); } } } window.onload=menuFix; //-->[removed] </head> <body> 产品介绍一 产品一
2021-09-29 16:29:36 790KB htm+css
1
易语言源码折叠菜单制作方法.rar
1
本文实例讲述了C#实现DataList里面嵌套DataList的折叠菜单。分享给大家供大家参考,具体如下: 点击前效果图如下: 点击后效果图如下: 具体实现代码如下: Javascript脚本 [removed] function showmenu(id) { smallimg = eval("smallimg"+id); img =eval("img"+id); if(smallimg.style.display =="none") { eval("smallimg"+id+".style.display=\"\";");//全部显示 img
2021-08-31 15:47:58 67KB c# eval IS
1
仅适用新手学习和参考,仅适用新手学习和参考,仅适用新手学习和参考。重要的事情说三遍,请高手飘过。只给新手学习和参考。
2021-08-11 09:21:08 86KB axure 左侧伸缩菜单 tab
1
vb做的windows风格的折叠菜单,效果非常不错^_^
2021-08-09 15:15:32 205KB vb menu
1
Qt做的折叠菜单界面,菜单简介大方,可拓展空间大,颜色样式均可根据需求修改,新手学习参考必备,也可直接拿去做项目使用
2021-08-06 16:58:55 23KB 源码 Qt c++ 折叠栏
1
AXURE组件-web折叠菜单交互.rp
2021-08-04 22:01:53 182KB web折叠菜单交互 AXURE组件
自己做的,用普通button和panel做的,供初学者学习适宜,高手可免了。
2021-07-22 15:33:28 56KB C# Winform 折叠 菜单
1
使用Axure做的 2、3层级菜单展开折叠Demo rp 源文件。 点击一级菜单展开二级菜单,点击二级菜单展开三级菜单。 用户可直接下载使用。
2021-06-03 19:14:22 142KB Axure 折叠菜单 3层级 2层级
1