竖向菜单代码（横向菜单和竖向菜单的区别）

本篇文章给大家谈谈竖向菜单代码，以及横向菜单和竖向菜单的区别对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、CSS代码#menuOuter :hover ul :hover ul 是什么意思，这是css隐藏竖向导航菜单里面的代码。
• 2、jsp垂直菜单的代码
• 3、百度CCS 菜单怎样才能横向变竖向？？？
• 4、HTML代码竖排导航向右弹出菜单应该如何做

CSS代码#menuOuter :hover ul :hover ul 是什么意思，这是css隐藏竖向导航菜单里面的代码。

鼠标移到id为menuOuter元素再移动到它里面的ul标签时的样式

jsp垂直菜单的代码

html

head

style type="text/css"

.test ul{list-style:none;margin:0;}

  li{width:100px; background:#ccc; margin-top:3px;line-height:30px}

  a:link{color:#666; background:#CCC; text-decoration:none; font-Weight:normal;}

  a:visited{color:#666; text-decoration:none; font-Weight:normal;}

  a:hover{color:#FFF; font-weight:bold; text-decoration:underline; background:#F00;}

  a{display:block;text-align:center;height:30px}

/style

/head

body

div class="test"

ul

lia href=""aaa/a/li

lia href=""bbb/a/li

lia href=""ccc/a/li

lia href=""ddd/a/li

lia href=""eee/a/li

/ul

/div

/body

/html

很简单的垂直菜单的代码，其实用HTML和css的知识就可以了

百度CCS 菜单怎样才能横向变竖向？？？

#tab{width:100px!important;top:100px;left:99px;text-indent:2px;} /*导航栏位置("主页,博客,相册,个人档案,好友,管理中心"连接的那行),width后的数值控制宽度,也就控制横排还是竖排,一排放几项,text-indent控制字在按纽里面的位置,根据需要,设成负值也是允许的有效的*/

#tab a.on,#tab a.on:link,#tab a.on:visited ,#tab a.on:hover/*选中*/{text-align:center;width:90px; color:#41b3cf;font-size:12px;filter:glow (color=#41b3cf,strength=3);BACKGROUND: scroll url(按钮图片1) repeat-x 0px 0px;filter:Alpha(opacity=88)} /*选中一项的字体颜色大小位置和所用的按钮图片,filter:Alpha(opacity=88)是透明度,下同)*/

#tab a:link,#tab a:visited /*未选中*/{color:#888888;text-align:center;width:90px; text-decoration:none; font-size:13px; line-height:37px;BACKGROUND: scroll url(按钮图片2) no-repeat;filter:Alpha(opacity=88);filter:glow (color=#FFFFFF,strength=3)}/*未选中项的字体颜色大小位置和所用的按钮图片,此处字体可设置闪边*/

#tab a:hover{color:#41B3CF; text-decoration:none; font-size:12px;}

#tabline{margin-top:-33px;line-height:10px;background: repeat-x bottom;width:700px;padding-bottom:40px;margin-bottom:10px;} /*版头图和下面模块之间的分割线图片,可以不用*/

#tab span {display:none}

#tab2 a TAB{font-size:12px;font-family:georgia;}/*tab2为"设置"里面"基本选项""自定义模板"等这行字的大小设置*/

#tab2 a:link{color:#666666}/*字体颜色*/

#tab2 a:visited{color:#808080} /*点击过后颜色*/

-------------------------------------

百度CCS 菜单竖向代码，(直接复制代码就可以，参数高度自己调试)如有疑问请留言，或hi~

HTML代码竖排导航向右弹出菜单应该如何做

应该还有一个独立的js脚本，function mmLoadMenus()是用来调用那个脚本的，new Menu后面括号里的都是对各个参数的设置，每个参数什么含义应该在那个脚本里看。下面的也是，定义链接、行为、样式颜色等。

关于竖向菜单代码和横向菜单和竖向菜单的区别的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。