编写一个简单的导航菜单(想要做一个导航菜单)

本文目录
想要做一个导航菜单
这个主要是css的伪类控制
分别是(css写的时候顺序必须是link-visited-hover-active):
link:连接平常的状态
visited:连接被访问过之后
hover:鼠标放到连接上的时候
active:连接被按下的时候
看例子:
《html》
《head》
***隐藏网址***
《title》JavaScript《/title》
《style》
a{
font-size:36px;
text-decoration:none;
color:#000000;
}
a:visited{
color:#ff0000;
}
a:hover{
color:#00ff00;
}
a:active{
color:#0000ff;
}
《/style》
《/head》
《body》
《a href="#"》这是链接《/a》
《/body》
《/html》
C语言编程做一个简单的菜单
#include 《stdio.h》
#include 《stdlib.h》
void menu() //菜单绘制
{
printf("---------------------------------------\n");
printf("\t\t 0.退出\n");
printf("\t\t 1.录入信息\n");
printf("\t\t 2.查找信息\n");
printf("\t\t 3.删除信息\n");
printf("\t\t 4.浏览信息\n");
printf("\t\t 5.有其他疑问找群主")
printf("\t\t 6.C++8群: 491994603")
printf("---------------------------------------\n");
}
void keyDown() //按键处理
{
int choice;
scanf("%d", &choice);
switch (choice)
{
case 0:
printf("退出程序\n");
Sleep(2000);
return 0;
case 1:
//调用菜单1实现函数
break;
case 2:
//调用菜单2实现函数
break;
case 3:
//调用菜单3实现函数
break;
case 4:
//调用菜单4实现函数
break;
default:
printf("输入错误\n");
}
system("pause");
return 0;
}
int main()
{
while(1)
{
menu();
keyDown();
system("cls");
}
return 0;
}
利用javascript编写一个简单的网站导航菜单
恩 没这方面的知识哦
***隐藏网址***
《html》
《head》
《/head》
《script language="javascript"》
function show(id)
{
var dd=document.getElementById(id);
dd.style.backgroundColor=’#996633’;
if(id=="1")
{
showid=document.getElementById("11");
showid.style.visibility="visible"
}
if(id=="2")
{
showid=document.getElementById("12");
showid.style.visibility="visible"
}
if(id=="3")
{
showid=document.getElementById("13");
showid.style.visibility="visible"
}
}
function hidden(id)
{
var dd=document.getElementById(id);
dd.style.backgroundColor=’#ffffff’;
if(id=="1")
{
showid=document.getElementById("11");
showid.style.visibility="hidden"
}
if(id=="2")
{
showid=document.getElementById("12");
showid.style.visibility="hidden"
}
if(id=="3")
{
showid=document.getElementById("13");
showid.style.visibility="hidden"
}
}
《/script》
《body》
《div id=’1’ style="float:left;width:80;" align="center" onMouseOver="show(’1’)" onMouseOut="hidden(’1’)"》首页 《/div》《div id="2" style="float:left;width:80" onMouseOver="show(’2’)" align="center" onMouseOut="hidden(’2’)"》公司简介 《/div》《div id=’3’ style="width:80" onMouseOver="show(’3’)" align="center" onMouseOut="hidden(’3’)"》客户《/div》
《div id=’11’ onMouseOver="show(’1’)" onMouseOut="hidden(’1’)" style="position:absolute;background-color:#999999; width:80;visibility:hidden;float:left " 》
《ul》
《li》aaa《/li》
《li》bbb《/li》
《li》ccc《/li》
《/ul》
《/div》
《div id=’12’ onMouseOver="show(’2’)" onMouseOut="hidden(’2’)" style="left:90;position:absolute;background-color:#999999;width:80;visibility:hidden;float:left"》
《ul》
《li》ddd《/li》
《li》eeee《/li》
《li》fff《/li》
《/ul》
《/div》
《div id=’13’ onMouseOver="show(’3’)" onMouseOut="hidden(’3’)" style="left:173;position:absolute;background-color:#999999;width:80;visibility:hidden;"》
《ul》
《li》iii《/li》
《li》fff《/li》
《li》kkk《/li》
《/ul》
《/div》
《hr》
《/body》
《/html》
如何制作一个导航栏
《!DOCTYPE html》
《html》
《head》
《meta charset="utf-8"》
《title》学习导航栏的制作《/title》
***隐藏网址***
《script》
$(document).ready(function() {
$(".div1").click(function() {
$(".div2").addClass("dlHover");
});
$(".div1").hover(function(){//第一个函数作为鼠标悬浮时执行的函数
$(this).addClass("bg");
},function(){//第二个函数作为鼠标离开时执行的函数
$(this).removeClass("bg");
$(".div2").removeClass("dlHover");
});
});
《/script》
《style》
*{margin: 0px auto;padding: 0px;text-align: center;}
ul{list-style: none;}
.div2{display:none;width: 100px;border: 1px solid gray;background: #00FFFF;}
.dlHover{position:absolute;z-index: 9999;display: block;}
.div1{border: 1px solid gray;width: 100px;background-color: #999999;}
.bg{background-color: #1F9999;}
《/style》
《/head》
《body》
《div class="div1"》
《span class="span1"》导航1《/span》
《div class="div2"》
《ul》
《li》《a href="#"》导航2《/a》《/li》
《li》《a href="#"》导航3《/a》《/li》
《/ul》
《/div》
《/div》
《h3》学习导航栏的制作《/h3》
《p》这是一个简单的导航栏《/p》
《/body》
《/html》
c#窗体导航栏怎么做用什么控件实现 具体点
private void ReSize《T》(string name, int H, int W, int L, int TO) where T : Control { T bu = (T)Controls; bu.Top = Top bu.Left = Left; bu.Width = Width; bu.Height = Height; //调整属性 }

更多文章:
checked in(check in和check out的区别)
2026年9月7日 01:20
java经典上机编程题(java上机题 请问这道题应该怎么写)
2026年9月7日 01:10
影视剧中有哪些剧情颠覆了你的三观?金庸的武侠小说《白马啸西风》为什么没有被拍成电影或者电视剧
2026年9月7日 00:30
mysql varchar和char的区别(mysql中char、varchar、nvarchar区别)
2026年9月7日 00:10
linux命令的选项和参数(linux为什么要有参数和选项)
2026年9月6日 20:20
perseverance的意思(preseverance的意思)
2026年9月6日 18:30
react native和uniapp(h5和uniapp和react性能)
2026年9月6日 18:00
mysql查看有哪些表(在mysql里面怎么查看数据库里面有多少表)
2026年9月6日 17:40
parsefloat()(html里的parsefloat什嘛意思)
2026年9月6日 16:30



