网络编程
网页制作
网络编程
脚本专栏
数据库
服务器
操作系统
网站运营
平面设计
电脑基础
首页
>
网络编程
> 浏览文章
css 有弹动效果的网页导航
(编辑：jimmy 日期: 2026/8/26 浏览：3 次 )
<!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>这是一个导航</title> <style type="text/css"> #nav{ list-style:none; margin:0; padding:5px 0 0 0; background:#F0F0F0; } #nav li{ float:left; display:inline; margin-right:2px; } #nav a{ float:left; width:81px; height:28px; text-align:center; background:url(https://www.jb51.net/upload/20091011190507833.gif) no-repeat 0 -4px #F3602A; font:12px/24px '宋体'; color:#FFF; text-decoration:none; } #nav a:hover{ line-height:28px; background-position:0; } </style> </head> <body> <ul id="nav"> <li>网页制作</li> <li>Flash教程</li> <li>Photoshop教程</li> <li></li> </ul> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
jQuery 行级解析读取XML文件（附源码）
下一篇：
jquery select选中的一个小问题
首页
破解
音乐
影视
