摘自迅雷视频网站基于CSS+HTML实现大气清新的蓝色导航

代码简介：

这个导航条做的不错，是模仿迅雷视频网站的，完全基于CSS和HTML代码，大气清新，请运行一下看看效果如何。

代码内容：

<html xmlns="http://www.w3.org/1999/xhtml"><head><title>摘自迅雷视频网站基于CSS+HTML实现大气清新的蓝色导航_网页代码站(www.webdm.cn)</title>
<style type="text/css">
body{margin:0px;font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif}
#nav{position:relative;width:964px;height:95px;z-index:1px;margin:10px auto; background:url(http://www.webdm.cn/images/20100420/kkindex_nav.png)}
#navli{position:absolute;width:580px;height:32px;left:35px;top:-2px;}
ul {margin:0;}
.dh li{width:72px;height:30px; float:left;position:relative; line-height:30px;zoom:1;list-style:none;text-align:center; background:url(http://www.webdm.cn/images/20100420/kkindex_nav.png) no-repeat; background-position:-125px -99px}
.dh li a{color:#000000; text-decoration:none}
.dh li a:hover{zoom:1;color:#ffffff;text-decoration:none; font-weight:bold; background:url(http://www.webdm.cn/images/20100420/kkindex_nav.png) no-repeat 0 -95px; width:72px; height:30px;}
.dhhome{background:url(http://www.webdm.cn/images/20100420/kkindex_nav.png) no-repeat 0 -95px;width:72px;height:30px;zoom:1;color:#ffffff !important; font-weight:bold}
.dhright{position:absolute;width:280px;height:31px;left:680px;top:-2px; text-align:center; line-height:30px;}
.dhrightimg{ position:absolute;right:-4px; top:10px;background:url(http://www.webdm.cn/images/20100420/kkindex_nav.png) no-repeat; background-position:-954px -115px; padding-right:15px; width:10px;height:10px;}
</style></head>
<body>
<div id="nav"><div id="navli"><ul class="dh"><li><a href="#" class="dhhome">首页</a></li><li><a href="#">电影</a></li><li><a href="#">电视剧</a></li><li><a href="#">综艺</a></li><li><a href="#">动漫</a></li><li><a href="#">漫画</a></li><li><a href="#">娱乐</a></li><li><a href="#">排行榜</a></li></ul></div><div class="dhright">大片 - 首播 - 新片 - 客服论坛 - 更多  <div class="dhrightimg"></div></div>
</div>
</body>
</html><br>
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！</p>

代码来自：http://www.webdm.cn/webcode/2d85402b-6945-416c-9c26-33acd094502f.html

转载于:https://www.cnblogs.com/webdm/archive/2011/05/25/2056327.html

摘自迅雷视频网站基于CSS+HTML实现大气清新的蓝色导航相关推荐

影视网站设计报告代码MySQL_基于PHP的视频网站的设计与实现(MySQL)(含录像)
基于PHP的视频网站的设计与实现(MySQL)(含录像)(毕业论文10000字,程序代码,MySQL数据库) 本研究的视频网站基于当前较为流行的B/S结构,采用PHP技术和MYSQL数据库进行开发设计 ...
html鼠标滚动效果代码,JS+CSS实现大气清新的滑动菜单效果代码
本文实例讲述了JS+CSS实现大气清新的滑动菜单效果代码.分享给大家供大家参考,具体如下: 这是一款比较大气清新的滑动导航菜单,CSS和JavaScript配合完成,鼠标放到一级菜单上,会滑出二级的菜 ...
基于Java毕业设计弹幕视频网站源码+系统+mysql+lw文档+部署软件
基于Java毕业设计弹幕视频网站源码+系统+mysql+lw文档+部署软件基于Java毕业设计弹幕视频网站源码+系统+mysql+lw文档+部署软件开发语言:Java语言开发软件:idea ec ...
实验一基于CSS+HTML+JS开发简单个人网站
目录: 实验要求实验代码 1.注册 2.登录 3.主页 4.个人简介 5.我的理想 6.我的生活 7.学习内容总结实验要求实验一基于CSS+HTML+JS开发简单个人网站实验学时:4 ...
html实现视频网站,仿爱奇艺,搜狐,迅雷看看(附源码)
文章目录 1.功能模板 1.1 仿爱奇艺 1.2 仿搜狐视频 1.3 仿迅雷看看 1.4 视频播放 1.5 影视公司官网 2.效果和源码 2.1 源代码 2.2 模板目录源码下载作者:xcLeig ...
基于SpringBoot的影视/短视频网站系统
PS:该项目<基于springboot的视频网站设计与实现>为本人毕业设计.使用的开发工具是idea和webstrom.使用了java.springboot.mybatis.thymele ...
如何使用CSS简单的制作一个视频网站
如何使用CSS简单的制作一个视频网站 1.主页的设置 <!DOCTYPE html><html lang="en"><head> <met ...
基于SSM的音乐视频网站的设计与实现
今天给大家分享一个基于SSM框架的音乐视频网站,其包含音乐播放,视频播放,音视频管理等模块,下面开始介绍其详细内容. 技术简介: 基础框架:SSM SpringMVC+Spring+Mybatis 前 ...
视频网站或者网站中有视频，如何阻止迅雷劫持下载
问题描述在有视频的网站中或者视频网站中,一般会存在两种问题: 问题一:后端返回的视频地址前端无法下载视频下载,根据后台返回的视频地址,无法下载视频,这种情况下需要设置Content-Type,这个 ...

摘自迅雷视频网站基于CSS+HTML实现大气清新的蓝色导航

摘自迅雷视频网站基于CSS+HTML实现大气清新的蓝色导航相关推荐

最新文章

热门文章