您的位置：首页 > Web前端 > JQuery

JQuery鼠标滑过表格变色

2012-05-14 18:06 483 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title> 导航条 </title>

<meta name="Generator" content="EditPlus">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

<style>

body,div,ul,li{

padding:0px;

margin:0px;

}

#nav{

width:960px;

height:35px;

background:#CCC;

margin:auto;

margin-top:30px;

}

#nav ul{

width:960px;

height:35px;

list-style:none;

}

#nav ul li{

float:left;

line-height:35px;

margin-right:1px;

text-align:center;

}

#nav ul li a{

display:block;

height:35px;

color:#333;

font-size:12px;

padding:0 10px;

text-decoration:none;

float:left;

}

#nav ul li a:hover{

display:block;

height:35px;

color:#fff;

font-size:12px;

padding:0 10px;

background:#000;

}

</style>

</head>

<body>

<div id="nav">

<ul>

<li><a href="#">W3Cfuns</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>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航