`

又一款黑色漂亮的DIV+CSS导航条

阅读更多
<!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" />
<title>黑色CSS菜单</title>
<style>
#menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0px;
}
#menu li {
	float: left;
	margin: 0;
	padding: 0;
	font-family:sans-serif;
	font-size: 67.5%;
}
#menu a {
	background: #333;
	color: #ccc;
	display: list-item;
	float: left;
	margin: 0;
	padding: 8px 12px;
	font-weight:normal;
	text-decoration: none;
}
#menu a:hover {
	background: #2580a2;
	color: #fff;
	padding-bottom: 8px;
	}                    
                    
</style>
<div>						
<ul id="menu">
  <li><a href="/sort/list_11_203_1.shtml">Ajax/JavaScript</a></li>
<li><a href="/sort/list_11_83_1.shtml">ExtJS实例</a></li><li><a href="/sort/list_11_112_1.shtml">jQuery代码</a></li><li><a href="/sort/list_11_168_1.shtml">CSS特效</a></li><li><a href="/sort/list_11_96_1.shtml">HTML精选</a></li><li><a href="/sort/list_11_202_1.shtml">在线编辑器</a></li><li><a href="/sort/list_11_209_1.shtml">Mootools举例</a></li><li><a href="/sort/list_11_210_1.shtml">Prototype框架</a></li>
<li><a href="#">官方博客</a></li>
<li><a href="/guestbook/">Guestbook</a></li>
</ul>
</body>
</html>
  • 大小: 11.7 KB
分享到:
评论

相关推荐

    JQuery&CSS;&CSS;+DIV实例大全.rar

    又一款黑色风格jQuery支持多级的动感下拉菜单源码 55.增加用户体验之jQuery黑色下拉菜单插件下载 56.站长必备jQuery横向动感菜单代码下载 57.站长必备jQuery可展开与折叠的竖向手风琴内容展示菜单 58.支持3...

    100多个JQuery效果示例(实例)div+css+javascrpit

    91. 又一款非常不错的jQuery+div大气新闻图片切换插件代码(AnythingSlider)下载 92. 基于jQuery带时间轴宽屏图片切换源码 93. 基于jQuery的横向无缝图片滚动插件jcarousel 94. 实用jquery焦点图源码2 95. 常用...

    CSS+DIV固定底部的漂浮导航条(多浏览器兼容)

    本文将深入探讨如何使用CSS和DIV来实现这样一个多浏览器兼容的固定底部导航条。 首先,我们需要理解CSS中的定位属性,这在创建固定元素时至关重要。CSS中的`position`属性有四个主要值:`static`(默认值)、`...

    技术主题CSS网页模板

    1. **黑色设计**:黑色背景通常给人一种高级、专业的感觉,适合展示技术、商业相关的品牌形象。它能降低视觉噪音,使主要内容更突出,同时也能创造一种神秘和未来的氛围。 2. **商务风格**:这个模板考虑到了商务...

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    91. 又一款非常不错的jQuery+div大气新闻图片切换插件代码(AnythingSlider)下载 92. 基于jQuery带时间轴宽屏图片切换源码 93. 基于jQuery的横向无缝图片滚动插件jcarousel 94. 实用jquery焦点图源码2 95. 常用...

    JavaScript_JQuery_CSS_DIV漂亮的实例

    91. 又一款非常不错的jQuery+div大气新闻图片切换插件代码(AnythingSlider)下载 92. 基于jQuery带时间轴宽屏图片切换源码 93. 基于jQuery的横向无缝图片滚动插件jcarousel **** …… …… …… 很多很多

    jquery css3点击水波动画滑动导航条代码

    "jquery css3点击水波动画滑动导航条代码"就是一个这样的实践,它结合了jQuery库的强大力量和CSS3的新特性,为网站的导航条增添了丰富的视觉效果。下面,我们将深入探讨这个主题中的关键知识点。 首先,jQuery是一...

    CSS导航条菜单之带小三角形的实现代码

    例如,可以创建一个大的div元素作为整个导航条的容器(div_nav),在这个容器中,再包含多个子div作为导航菜单项,每个子div内部又包含超链接(a标签),当鼠标悬停在超链接上时,会显示小三角形。 关于CSS的具体...

    css+Div 样式规范写法.pdf

    本篇文档主要探讨了在使用Div+CSS时的命名规范,这对于团队协作和后期维护至关重要。以下是相关知识点的详细说明: 1. **Div和CSS命名规范**: - 页头:通常用`header`或`#header`表示,如`#header{属性:属性值;}`...

    HTML5+CSS3开发商业站点Chapter7.pptx

    - **制作QQ会员页面导航**:实现导航背景颜色为黑色半透明效果,鼠标悬停时文字颜色变为蓝色且无下划线。对“登录”部分使用超链接,并添加圆角边框,鼠标悬停时字体颜色加深并添加背景颜色为黄色。 - **制作电视剧...

    黑色个性涂鸦CSS模板_黑色 个性 涂鸦 导航 透明_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar

    本资源是一个名为"黑色个性涂鸦CSS模板"的压缩包,主要用于创建具有黑色、个性化、涂鸦风格的HTML网站。该模板包含了一系列CSS样式和HTML结构,能够帮助开发者快速构建一个具有独特导航和透明元素的网站,同时适用于...

    CSS3实现黑色卷角翻页导航条特效代码

    标题提到的"CSS3实现黑色卷角翻页导航条特效代码"就是一个很好的例子,它利用了CSS3的特性来创建一个具有互动性的黑色导航条,当鼠标悬停在卷边上时,可以实现翻页效果,增加用户的交互体验。 首先,我们要理解CSS3...

    网页前台模块

    在描述中提到的"黑色下拉导航条"是一个常见的前端设计组件。在HTML中,我们可以用`&lt;nav&gt;`标签来表示导航区域,然后用`&lt;ul&gt;`和`&lt;li&gt;`来构建下拉菜单的列表结构。CSS则负责导航条的样式,包括颜色、大小、鼠标悬停效果...

    导航栏代码[借鉴].pdf

    本教程以“导航栏代码[借鉴]”为主题,通过实例详细讲解如何利用内容块状元素、内联元素、XHTML+CSS布局中的盒子模型以及浮动布局来制作一款经典的导航条。 首先,我们需要理解内容块状元素和内联元素的基本概念。...

    Bootstrap导航条学习使用(一)

    而`navbar-inverse`类则用于创建一个黑色或者深色背景的导航条,这样可以在浅色背景下提供更好的对比度,提高可读性。 Bootstrap提供了三种导航条的位置定位方式: 1. `navbar-static-top`:这是导航条的直角样式,...

    黑色导航商业公司网站模板.rar

    【标题】"黑色导航商业公司网站模板.rar"指的是一个用于商业公司网站的网页设计资源,其特点是采用了黑色调的导航设计。在网页设计领域,模板是预先制作好的设计框架,可帮助用户快速构建网站,节省时间和成本。这个...

    css盒子模型的讲解

    CSS盒子模型是一种用于描述网页元素(如DIV)布局和显示方式的理论模型。每个HTML元素都可以被视为一个矩形的“盒子”,而这个盒子不仅包含了元素的内容(如文本或图片),还包含了与该内容相关的填充、边框和边界...

    css十大绝秘技巧

    这条语句将设置元素的边框为3像素宽的实线黑色边框。值得注意的是,如果只设置边框样式(如`solid`),则其余未指定的值(宽度和颜色)将采用默认值。默认情况下,边框宽度为中等(medium),默认颜色为元素的当前...

    jquery 动态示例

    91. 又一款非常不错的jQuery+div大气新闻图片切换插件代码(AnythingSlider)下载 92. 基于jQuery带时间轴宽屏图片切换源码 93. 基于jQuery的横向无缝图片滚动插件jcarousel 94. 实用jquery焦点图源码2 95. 常用...

    非响应式黑粉白图片展示网站_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip

    6. **UI组件**:UI组件通常指的是网页中的可复用设计元素,如按钮、导航条、滑块等。在这个模板中,可能包含了一些定制的CSS和JS组件,以增强用户体验。 7. **网站模板**:模板是一个预先设计好的框架,开发者可以...

Global site tag (gtag.js) - Google Analytics