div+css 二级下拉菜单导航代码

  次阅读 作者:智能小宝 来源:互联网 2016-03-25 16:16 我要评论(0)

文章提供二款经典的div+css 二级下拉菜单导航代码下载,如果你想制作出漂亮的css div的下拉菜单的话就看看这两款吧。

代码如下

复制代码

/*++++++++++++++++++++++二级菜单++++++++++++++++++++++++++++++++++++++++++++++++++++*/

a{ font-family:"黑体";font-size:12px;text-decoration:none;}

.menu ul,.menu li{ margin:0px; padding:0px;}

.menu {position:relative; width:126px;}

.menu ul { margin:0px;list-style-type:none;}

.menu li {float:left;position:relative;}

.menu ul ul {visibility:hidden;position:absolute;}

.menu ul li:hover ul,.menu ul a:hover ul{ margin:0px; padding:0px;visibility:visible;}

.menu a{ font-size:14px;display:block;color:#333;text-decoration:none;}

.menu a:hover{color:#007071;}

.menu ul ul,.menu ul ul li { margin:0px; padding:0px;width:126px;clear:both;text-align:center}

.menu ul li ul li{ margin:0px; padding:0px; height:30px;background:url(../img/nav_001.gif) no-repeat;}

.menu ul ul li a{display:block;height:30px; line-height:30px;}

.menu ul ul li a:hover{}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

<div class="menu">

<ul>

<li><a href="product.asp教程"><img src="img/nav_03.gif" border="0" /></a>

<ul>

<li><a href="product.asp?cid=317">手工焊枪</a></li>

<li><a href="product.asp?cid=315">挤压焊枪</a></li>

<li><a href="product.asp?cid=321">工业加热器</a></li>

<li><a href="product.asp?cid=316">自动焊机</a></li>

<li><a href="product.asp?cid=320">配件/附件</a></li>

</ul>

</li>

</ul>

</div>

1 2 3 4

下拉导航菜单被遮住解决办法

css 导航菜单实现代码

css实现各种导航菜单实现代码

css ul li实现纵向导航菜单效果

css 水平横向导航菜单效果

纯css 下拉导航菜单代码

jquery CSS导航下拉菜单代码

滑动门导航菜单,参数:对象id、样式、选择器

纯css导航菜单代码

闪客帝国 导航菜单样式代码

上一页:css实现图片圆角效果代码下一页:div css 下拉菜单效果代码

相关评论

注意:本文章由网友或兼职供稿,如有侵权行为请邮件:admin@111cn.net 站长将在24小时内与您取得联系!

申明:发表评论既代表用户观点,不代表本站支持,所有评论均与本站无关。

问题没有得到解决?立即加入我们微信吧,请求站长帮忙处理!

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...