`
jjklmm
  • 浏览: 57076 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

实用菜单

    博客分类:
  • html
阅读更多

查看效果:http://www.miiceic.org.cn/eg/e5/index.html

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="企业培训,企业内训,android培训,软考培训,it企业培训" />
<meta name="description" content="安博中程企业培训多年来致力于android培训,软考培训,嵌入式,UI设计,重构,架构,软件测试,需求分析,软件开发,数据库,国防军工等IT高端技术的企业培训、企业内训,一直在行业内处于领先地位,所开企业内训或公开课如软考培训,android应用开发培训,软件工程培训,敏捷开发,嵌入式培训,项目管理及国防军工的电子产品设计和信息化培训等授课讲师均是知名专家,行业内领军人物,已成为中国高端培训第一品牌." />
<title>安博中程企业培训,企业内训,专注于android培训,软考培训,软件开发,软件工程,嵌入式,UI设计,重构,架构等IT企业培训</title>
<style type="text/css">
<!--
/*通用*/
body{font:12px Arial,Verdana,Tahoma,"宋体";}
*{padding:0px;margin:0px;}
* li{list-style:none;}
a{text-decoration:none;color:#20537A;}
a:hover{text-decoration:underline;}
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.clearfix {_zoom: 1;}
*+html .clearfix {overflow:auto;}
.menu_navcc{width:970px; margin:0 auto;}
.menu_nav{width:970px;height:48px;background:url(img/nav_bg.gif) repeat-x;float:left;margin-top:18px;}
.menu_nav .nav_content{padding-left:25px;background:url(img/nav_l_bg.gif) no-repeat;float:left;}
.menu_nav .nav_content li{width:88px;height:48px;padding-left:15px;padding-right:13px;background:url(img/nav_li_right.gif) no-repeat right center;float:left;line-height:48px;text-align:center;font-size:14px;font-weight:bold;}
.menu_nav .nav_content li a{color:#fff;width:88px;height:48px;display:block;}
.menu_nav .nav_content li.current{line-height:37px;}
.menu_nav .nav_content li em{background:url(img/bid_new.gif) no-repeat;width:35px;height:21px;display:inline-block;position:absolute;top:-20px;left:40px;}
.menu_nav .nav_content li.current a,.menu_nav .nav_content li a:hover{width:88px;height:37px;background:url(img/nav_li_current.gif) no-repeat;display:block;color:#fff;}
.menu_nav .nav_content li a:hover{background:url(img/nav_li_hover.gif) no-repeat;line-height:37px;text-decoration:none;}
.menu_nav_right{padding-right:10px;background:url(img/nav_r_bg.gif) no-repeat right top;float:right;margin-left:50px;padding-top:13px;height:23px;padding-bottom:12px;}
p{margin-bottom:15px}
-->
</style>
</head>
<body style="text-align:center">
<div style="height:100px;"></div>
<div style="clear:both"></div>
<div class="menu_navcc">
<div class="menu_nav clearfix">
<ul class="nav_content">
<li class="current"><a href="http://www.miiceic.org.cn/" title="首页"><span>首页</span></a></li>
<li><a href="http://www.miiceic.org.cn/kecheng/" title="高端课程"><span>高端课程</span></a></li>
<li><a href="http://www.miiceic.org.cn/gongkaike/" title="公开课"><span>公开课</span></a></li>
<li style="position:relative;"><a href="http://www.miiceic.org.cn/dingzhi/" title="企业内训"><span>企业内训</span></a><em></em></li>
<li><a href="http://www.miiceic.org.cn/tuandui/" title="专家团队"><span>专家团队</span></a></li>
<li><a href="http://www.miiceic.org.cn/vip/5346.html" title="VIP会员服务"><span>VIP会员服务</span></a></li>
<li><a href="http://www.amboedu.com/" title="职业教育"><span>职业教育</span></a></li>
<li><a href="http://www.miiceic.org.cn/" title="企业培训"><span>企业培训</span></a></li>
</ul>
</div>
</div>
</body>
</html>

查看效果:http://www.miiceic.org.cn/eg/e5/index.html

  • 大小: 10.6 KB
1
0
分享到:
评论

相关推荐

    ERDAS实验指导书《遥感影像处理》实验指导书

    实用菜单涉及光标查询、量测、数据叠加、文件信息查看以及三维图像操作等功能,有助于深入理解图像内容。 4. **显示菜单操作** 主要包括控制文件显示顺序、调整显示比例和进行显示变换,如图1-3所示,确保图像以...

    利用UL、Li+CSS属性制作无表格实用菜单导航效果

    CSS属性在实现无表格实用菜单导航效果中扮演了核心角色。首先,我们要移除列表默认的项目符号,这可以通过设置CSS属性 `list-style-type` 为 `none` 来实现: ```css #navigation ul { list-style-type: none; ...

    常用菜单脚本收集

    "常用菜单脚本收集"这个资源显然是一份包含多种实用菜单脚本的集合,旨在帮助开发者更高效地创建交互式和动态的网页菜单。这些脚本可能包括下拉菜单、滑动菜单、响应式菜单等多种类型,都是基于JavaScript这一强大的...

    一款漂亮实用的OA系统左侧DIV+CSS菜单

    【标题】:“一款漂亮实用的OA系统左侧DIV+CSS菜单”揭示了这个资源是一个专为OA(Office Automation,办公自动化)系统设计的界面元素,主要关注于左侧的导航菜单。这种菜单是基于HTML中的`&lt;div&gt;`元素和CSS...

    最新最实用的android菜单界面布局

    "最新最实用的android菜单界面布局"指的是采用最新的设计趋势和技术,优化用户体验的Android应用菜单布局。这样的设计不仅能提升应用的美观度,还能提高用户的交互效率。下面我们将深入探讨Android菜单界面布局的...

    漂亮的切换菜单很实用的菜单

    总之,“漂亮的切换菜单”是一个集美学与实用性于一体的设计理念,它通过巧妙的空间利用和交互设计,提升了用户体验。在实际开发中,设计师和开发者需要结合HTML、CSS、JavaScript等技术,以及前端框架和库,来实现...

    实用树形菜单插件

    在网页设计和开发中,树形菜单是一种常见且实用的导航结构,尤其适用于展示层级关系清晰的信息或功能。本文将深入探讨"实用树形菜单插件"这一主题,旨在帮助开发者更好地理解和应用这类插件。 首先,我们来理解什么...

    云菜单 级联菜单 简单实用,可随意添加和删除菜单个数

    "简单实用"是云菜单的核心特性,这意味着该菜单系统易于理解和使用,同时开发者可以快速集成并自定义以满足特定项目的需求。在实现上,这通常涉及到良好的代码组织,如模块化和组件化,以及简洁的API设计。 在提供...

    53款实用menu菜单合集

    本合集包含了53款实用的menu菜单,适用于多种场景和需求,旨在提升用户体验和界面美观性。这些菜单涵盖了JavaScript(js)、CSS(层叠样式表)以及可能涉及到的HTML元素,展示了丰富的交互效果和设计风格。 1. **...

    两款超级漂亮实用的CSS导航菜单

    本文将深入探讨两款超级漂亮且实用的CSS导航菜单的设计与实现,以及它们在提升用户体验中的重要性。 首先,我们要明白CSS(层叠样式表)在创建导航菜单中的作用。CSS是一种样式语言,用于定义HTML或XML(包括如SVG...

    两个漂亮实用的菜单风格

    "两个漂亮实用的菜单风格"这个主题涉及到两种独特且吸引人的菜单设计,它们具有自动弹出和隐藏功能,以及动画效果,旨在提升用户的交互体验。 首先,我们来讨论一下“半圆”风格的菜单。这种设计通常指的是菜单项呈...

    超实用漂亮精美html菜单源码

    这些源码集美观与实用性于一体,能帮助你快速构建出吸引用户的网页菜单。 HTML(HyperText Markup Language)是网页开发的基础语言,用于定义网页结构。在创建菜单时,HTML通过`&lt;nav&gt;`、`&lt;ul&gt;`、`&lt;li&gt;`等元素来构建...

    非常实用的下拉菜单!

    "非常实用的下拉菜单"这个标题暗示了我们讨论的是一个高效、易用的下拉菜单解决方案。 描述中提到的“好用”,意味着该下拉菜单可能具有良好的用户体验,响应迅速,易于理解和操作。鼓励下载也意味着这个菜单可能...

    简单实用的QQ菜单

    简单实用的QQ菜单 可以做桌面快捷菜单

    好看实用js树形菜单

    在本案例中,"好看实用js树形菜单"是指利用JavaScript实现的一种交互式的、可视化的菜单结构,它通常用于网站或应用程序的导航,帮助用户更方便地浏览和访问层次结构的数据。 树形菜单的核心在于其递归的结构,每个...

    实用的java菜单树

    "实用的Java菜单树"是一个专为JSP(JavaServer Pages)开发的组件,它能帮助开发者方便地创建出美观且功能强大的动态菜单树。下面将详细阐述这个主题的相关知识点。 首先,`dtree.css`是样式表文件,它包含了定义...

    网吧游戏菜单 游戏菜单 家用游戏菜单

    这种简单型设计可能意味着界面简洁、操作直观,方便快速上手,同时也减少了维护工作量,对网吧经营者来说非常实用。 总的来说,无论是网吧还是家用游戏菜单,其核心目标都是提供一个流畅、便捷的游戏启动体验。设计...

    一个很实用的菜单编辑源码

    我们将主要围绕"一个很实用的菜单编辑源码"这个主题,讲解`GetSystemMenu`、`SetWindowLong`、`CallWindowProc`、`GetMenu`和`GetSubMenu`等关键函数。 首先,`GetSystemMenu`函数用于获取窗口的系统菜单。系统菜单...

    梦缘实用程序菜单梦缘实用程序菜单

    梦缘实用程序菜单梦缘实用程序菜单梦缘实用程序菜单 梦缘制作 胡久义 四川省渠县琅琊镇奉家村二组 网址:http://www.m88y.com Q Q:274169725

    FLASH+XML菜单非常实用

    标题“FLASH+XML菜单非常实用”意味着这种技术不仅美观,而且在实际应用中具有高度的实用性。菜单是用户界面的关键组成部分,它帮助用户快速定位和访问网站的不同部分。使用`XML`来驱动`Flash`菜单,可以实现动态...

Global site tag (gtag.js) - Google Analytics