动态网站制作指南

[ QQ表情 ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]

网站首页 | 网站学院 | 源码下载 | 软件下载 | 字体下载 | 图片素材 | 电脑书籍 | 网页模版 | 网站欣赏 | 小游戏 | 博客联播

网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程

ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器

电脑书籍下载：程序设计书籍 | 数据库教程书籍 | 平面与多媒体书籍 | 网络通讯书籍 | 系统管理书籍 | 网络安全书籍 | 认证考试书籍

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!

当前位置 > 网站建设学院 > 网页制作 > CSS教程

网页制作：Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛

文章搜索服务

邮件订阅

输入你的邮件地址，
你将不会错过任何关于：
[ CSS教程 ]的信息

本月文章推荐

.CSS+DIV设计实例：不同色链接和其.
.初学DIV+CSS应该理解HTML标签的语.
.漂亮的CSS变色日历.
.通过CSS类型的顺序改变翻滚效果.
.CSS 循序渐进（三）样式“表”秀 .
.用CSS样式固定表格宽度.
.应用DIV+CSS编码时容易犯的一些错.
.CSS初学者常犯错误汇总.
.CSS入门教学十四个问与答.
.标记语言：为指定css样式.
.调整CSS类型的顺序改变链接状态.
.CSS语法手册（三）文本填充，边框.
.CSS布局实例:上中下三行,中间自适.
.用CSS实现的一张图完成的导航条.
.CSS实用教程（一）.
.点击按钮来改变该页面调用的css文.
.如何将XHTML+CSS页面转换为打印机.
.一个针对IE7的CSS Hack.
.用CSS控制网页总体风格.
.CSS语法手册（四）文本填充，边框.

用CSS实现的一张图完成的导航条

发表日期：2006-9-29

|

<!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><a href="http://homepage.yesky.com/" class="bluekey" target="_blank">网页</a>特效代码|http://homepage.yesky.com/|---用CSS实现的一张图完成的导航条</title>
<style>
ul,li{ list-style:none; float:left;}
body{ font-size:12px; line-height:1.6; font-family:Verdana, "宋体", Arial; text-align:center;}
#info li{ margin-left:4px; margin-top:15px;}
#info a {display:block;text-align:center; padding-left:15px;
padding-top:2px;padding-bottom:1px;background-image: 
url(http://www.jscode.cn/Uploadfile/200682494749491.GIF);
background-repeat: no-repeat;color: #000; width:47px; cursor:hand; text-decoration: none;}
#job a:link,#job a:visited{background-position: -62px 0px;}
#eve a:link,#eve a:visited{background-position: -124px 0px;}
#oth a:link,#oth a:visited{background-position: -186px 0px;}
#car a:hover ,#car a:active {background-position: 0px -22px; color:#fff;}
#job a:hover ,#car a:active {background-position: -62px -22px; color:#fff;}
#eve a:hover ,#car a:active {background-position: -124px -22px; color:#fff;}
#oth a:hover ,#car a:active {background-position: -186px -22px; color:#fff;}
</style>
</head>

<body> 
<div id="info">
 <ul>
  <li id="car"><a href="http://homepage.yesky.com/" target="_blank"><span>
 游 戏</span></a></li>
  <li id="job"><a href="http://homepage.yesky.com/" target="_blank"><span>
 娱 乐</span></a></li>
  <li id="eve"><a href="http://homepage.yesky.com/" target="_blank"><span>
 菜 单</span></a></li>
  <li id="oth"><a href="http://homepage.yesky.com/" target="_blank"><span>
 好 玩</span></a></li>   
 </ul> 
</div>
<div style="clear:both">转载请注明出处 子鼠 <a href="http://www.zishu.cn" target="_blank">
 http://www.zishu.cn</a> 作者：子鼠</div>
</body>
</html>

上一篇：CSS制作的阴影链接文字人气:11216
下一篇：CSS实现导航条图片的翻转菜单人气:10968

浏览全部CSS的内容 Dreamweaver插件下载常用网页广告代码全集

最新网站源码	最新软件下载
2008-7-23 Menalto Gallery v2.3 Rc1 多国语 2008-7-23 深度学习网址导航系统 v2.6.1 2008-7-23 因特达crm2008客户关系管理系统 2008-7-23 60度 CMS v1.0 Build 080723 2008-7-23 幻影动漫网视频系统(Ppdong) v1. 2008-7-23 好易祝福墙 2008 2008-7-23 APJE私服发布系统 v2.0 PHP版 2008-7-23 毕业论文在线指导系统源码 2008-7-23 Jacky法律在线网站源码	2008-7-19 UltraEdit 简体中文增强版 14.10 2008-7-19 CentOS 5.2 i386 LiveCD 2008-7-19 Snapture多功能相机 v1.4 2008-7-19 iAcces中文输入法 v1.0Build016 2008-7-19 Cookbook烹饪秘籍 v2.5 2008-7-19 苹果专用DVD转换工具 v1.1.59汉化 2008-7-19 Modem修复软件ZiPhone修改版04.0 2008-7-19 AgileMessenger即时通讯工具美化 2008-7-19 Sketches画图软件 v0.7b6破解版

发表评论
姓　名:	验证码:
内　容:

[ 汉字翻译拼音 ] [ 广告代码 ] [ 符号对照表 ] [ 进制转换 ] [ 经典小工具 ] [ 个税计算 ] [ 汉字简繁转换 ] [ 普通单位换算 ] [ 公制单位换算 ]

[ 生辰老黄历 ] [ 国内电话区号 ] [ 国家代码与域名缩写 ] [ 文字加密解密 ] [ 健康查询 ] [ 万年历 ] [ 手机号码查询 ] [ ip搜索 ] [ Google PR查询 ]

业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅

Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名：动态网站制作指南 | 沪ICP备05001343号

ホームページ制作

不動産検索システム

求人情報

防水工事·改修工事

フットサル大会