纯HTML+CSS带说明的黄色导航菜单

HoverTree带说明的CSS菜单:纯HTML+CSS结构链接带说明的黄色导航

在线体验效果：http://hovertree.com/texiao/css/1.htm

代码如下,保存到HTML文件可以看到效果：

<!DOCTYPE html >
<html >
<head>
<title>HoverTree带说明的CSS菜单-hovertree.com</title><base target="_blank" />
<link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/css/1/hovertreemenu.css" />
</head>
<body>
<div style="width:970px;margin:0px auto;"><h2>HoverTree菜单 - 带说明的CSS菜单</h2>
纯HTML+CSS结构链接带说明的黄色导航 <a href="http://hovertree.com/hvtart/bjae/5w5svpu4.htm">原文</a> <a href="http://hovertree.com">何问起</a> <a href="http://hovertree.com/texiao/">特效库</a></div>
<div class="hovertree-menu">
<ul>
<li> <a href="http://hovertree.com/menu/jquery/">
jQuery
<div class="info">学习jQuery的好地方，从入门到精通，资料大全。</div>
</a> </li>
<li> <a href="http://hovertree.com/texiao/">
网页特效
<div class="info">各种网页特效，jQuery，JS，CSS，HTML5等等。。。</div>
</a> </li>
<li> <a href="http://hovertree.com/menu/aspnet/">
ASP.NET
<div class="info">ASP.NET 资料库，代码大全。</div>
</a> </li>
<li> <a href="http://hovertree.com/hvtart/bjae/1d2c278a117f94ca.htm">
jQuery下载
<div class="info">各个版本的jQuery下载。</div>
</a> </li>
<li> <a href="http://hovertree.com/hvtart/bjae/009i1gl6.htm">
相关菜单
<div class="info">纯CSS带说明菜单，另一种风格。</div>
</a> </li>
<li> <a href="http://hovertree.com/menu/javascript/">
JS代码
<div class="info">格式各样的JavaScript代码供你参考。</div>
</a> </li>
<li> <a href="http://keleyi.com/">柯乐义
<div class="info">Web前端资料，jQuery，HTML5等。</div>
</a> </li>
</ul>
</div></body>
</html>

参考：http://hovertree.com/hvtart/bjae/009i1gl6.htm

web前端汇总 http://www.cnblogs.com/jihua/p/webfront.html

纯HTML+CSS带说明的黄色导航菜单相关推荐

css二级横向导航条,纯CSS实现的横向二级导航菜单(无js兼容性强)
内容介绍热点排行相关文章下载地址↓ 纯CSS实现,无JavaScript,效果不错,实用性强,兼容各种浏览器! 第一步: 下载源代码及背景图片第二步: 在网页区添加样式定义 [code] /* = ...
300+Jquery, CSS, MooTools 和 JS的导航菜单资源
如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手.本文要为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更方便更快速,只要选择现成的例子就可以应用于自己的网站了. ...
CSS写的青色漂亮导航菜单代码
代码简介: 简洁型的CSS导航菜单,没有用到图片,但看着很舒服,老外网站的东西,CSS代码很简洁,复制代码即可使用. 代码内容: <!DOCTYPE HTML PUBLIC "-//W ...
纯CSS3编写的红色下拉导航菜单js特效代码
下载地址一款纯css3 transition属性制作红色的导航菜单,鼠标悬停展开下拉菜单,支持三级下拉菜单代码.@charset "utf-8";/*导航栏*/.nav_menu ...
html5导航栏悬浮置顶,jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单...
本文实例讲述了jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/D ...
纯 Html5+Css 实现漂亮的侧边导航
侧边导航效果工作中无论你学习什么语言,想要做出来漂亮的系统,必然要用到前端知识,Html5+Css是最基本的前端知识.下面我做了一个简单的侧边导航,效果图如下: "水果"这个小模 ...
HTML下拉菜单怎么做成横向,纯css实现横向下拉导航菜单(可做左侧类目导航)
[实例简介] [实例截图] [核心代码] 无标题文档 *{ margin:0; padding:0;}/*通用选择器样式*/ body{ font-family:"微软雅黑";}/ ...
css+jQuery-超酷火焰灯效果导航菜单
效果描述为:当鼠标经过某一导航选项的时候,后面的背景图片(上图"圣诞节"后圆角背景)会弹性缓动到该导航选项,如果没有发生单击动作,鼠标移开后,背景图又回到原来的位置. 先看看演示吧 ...
css 鼠标滑过li变背景图,CSS定义鼠标滑过变换背景的导航菜单
我们经常看到的网站基本上都有导航菜单,有的网站看上去非常酷,鼠标一移动到上面自动改变颜色,这样的导航有两种方法可以实现:一种是鼠标经过图像,一种是CSS定义. 鼠标经过图像是把菜单做成两张文字相同但颜 ...

纯HTML+CSS带说明的黄色导航菜单

纯HTML+CSS带说明的黄色导航菜单相关推荐

最新文章

热门文章