网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > 网页特效
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.当鼠标移到某个图片上时出现页面.
.死机程序(可以研究一下).
.导航窗的文字特效(非常酷).
.文件大小的计算,是关于bytes、K.
.显示当前的时间可以在12/24制之间.
.黑色星期五搜索器.
.页面漂浮广告代码,可以任意拖拽.
.图片滚动显示,每次图片指向连接.
.用DIV+CSS布局网页的一个实例HTM.
.不同下拉选择提交不同的用户帐号.
.字符的状态栏不停的跳动、闪烁.
.网页教学网构建DIV+CSS网页菜单代.
.左右两边浮动广告特效代码.
.仿蓝色理想网站的导航菜单.
.文本反复变化的特效.
.网页教学网DIV+CSS标准网页菜单代.
.在标题栏上显示鼠标的座标.
.打开页面时,页面自动循环滚屏.
.在做网页超级连接时,使用一下随.
.网页特效 鼠标悬停图片渐显效果(.

网页教学网DIV CSS标准网页菜单代码(12)

发表日期:2007-12-21


<!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</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
div#navcontainer
{
font-family: arial;
font-weight: bold;
background: #642;
position: absolute;
right: 0px;
margin: 0;
padding: 10px;
border: 0;
}

div#navcontainer ul
{
display: inline;
margin: 0;
padding: 0;
list-style: none;
border: solid 1px #642;
}

div#navcontainer h2
{
border: solid 1px #642;
padding: 4px;
text-align: center;
}

div#navcontainer ul li
{
display: inline;
margin: 0;
}

div#navcontainer ul li a
{
color: #a10;
background: #ffc;
margin: 0;
padding: 2px 5px 2px 5px;
text-decoration: none;
}

div#navcontainer ul li a:hover
{
background: #e8db6f;
border-bottom: solid 9px #ffc;
}
-->
</style>
</head>

<body>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</body>
</html>

上一篇:网页教学网DIV CSS标准网页菜单代码(11) 人气:944
下一篇:DIV CSS制作的符合标准的网页导航菜单(12) 人气:703
浏览全部CSS的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐