ydzf.net
当前位置:首页 >> html二级菜单横排 >>

html二级菜单横排

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*一二级菜单横向排列*/ ul li{ float: left; } /*二级菜单默认不显示*/ ul li ul{ display: none; } /*一级菜单获得焦点时显示其二级菜单*/

这个得用一些js框架来做比较简单,手写不太好达到效果.

首页打开dreamweaver或其它编辑器,创建一个名为nav的导航菜单 <div class="nav"> <ul> <li><a href="#">栏目一</a></li> <li><a href="#">栏目二</a></li> <li><a href="#">栏目三</a></li> <li><a href="#">栏目四</a></li> <li><a

这里有一个js的多级联动下拉菜单 可以自定义位置和样式 比较实用 里面有教程和源码

百度下CSS BOOKSHELF,第6课就是!

我直接在你的基础上改了点样式:<ul style=" position: relative;"><li class="ul-li"><a href="http://www.xue01.com">首页</a></li><li class="ul-li"><a href="http://www.xue01.com/dushubiji/" title="读书笔记">读书笔记</a><ul class="

css制作横排二级下拉菜单,代码如下:<body> <ul id="FM"> <li><a href="#">一级栏目</a> <ul> <li><a href="#">二级菜单</a></li> <li><a href="#">二级菜单</a></li> <li><a href="#">二级菜单</a></li> </ul> </li> <li><a href="#">一

这个可能用flash来做比较省事

一级导航 二级导航 二级导航 二级导航 二级导航 *{ padding:0; margin:0;}#nav{ width:996px; margin:0 auto; margin-top:20px;}ul{ list-style:none;}#nav > ul > li{ color:#999; float:left; width:120px; padding:10px 5px; font-size:14px; text-align:center;

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

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