ydzf.net
当前位置:首页 >> 横向导航菜单代码 >>

横向导航菜单代码

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><title>横向下拉菜单</title><style type="text/css"><!--* {margin:0;

</style></head><body><div id="nav"><ul><li><a href=" http://www.52css.com/">HomePage_extended="true"><li><a href=" http://www.52css.com/">Div+CSS教程</a></li><li><a href=" http://www.52css.com/">CSS布局实例</a></li>

HTML部分: <ul> <li>菜单项1</li> <li>菜单项2</li> <li>菜单项3</li> <li>菜单项4</li> </ul> CSS部分: ul { list-style:none; } li { float:left; } 这是最基本的方式

先码好导航栏所需要的基本的HTML代码这个就不必多说具体的代码如下:<html><head><title>横向导航栏</title><style><!----></style></head><body><div class="nav"><ul><li><a href="#">首页</a></li><li><a href="#">导航1</a></li><li><a

<style>ul{list-style:none; height:30px; background-color:#999999;}li{float:left;line-height:30px;text-agin:certer; color:#ffffff}</style><ul><li>123</li><li>456</li><li>789</li><li>012</li></ul>

如果你用a标签做,a标签有背景,就要设置display:block属性和float:left属性;还要定义宽度高度,最后别忘记用clear层清除浮动,基本的css为下面 .a{float:left:display:block;width:XXpx;height:XXpx;} .clear{clear:both},用ul,li标签就类似,不过记得设置ul,li{margin:0px;padding:0px;}

将代码 If Button = 2 Then PopupMenu mymenu 写在标签的MouseDown事件过程中即可.其中mymenu为你在菜单编辑器中定义要弹出的快捷菜单的菜单名称完整的代码如下:Private Sub Label1_MouseDown(Button As Integer, Shift As Integer, X As Single, Y As Single) If Button = 2 Then PopupMenu mymenuEnd Sub

简单的横向导航CSS样式<style type="text/css">.nea li{ float:left;}</style>HTML:<ul class="nea"> <li><a href="">首页</a></li> <li><a href="">简介</a></li> <li><a href="">帮助</a></li> </ul>

其他不变啊,就是显示的大小不一样而已

<style> ul{list-style:none;margin:0;} li{float:left;margin:10px;) </style> <body> <ul> <li>menu</li> <li>menu</li> <li>menu</li> <li>menu</li> <li>menu</li> </ul> </body>

网站首页 | 网站地图
All rights reserved Powered by www.ydzf.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com