<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
*{margin: 0;
padding:0}
li{list-style: none;
height: 50px;
background: red;}
.active {
background: yellow;
color: white;}
#ul li{
width: 19%;
float: left;
text-align: center;
vertical-align: middle;
margin: 0 2px;
cursor: pointer;
}
</style>
<body>
<div>
<ul )
}
</script>
</body>
</html>
//其实里面还有些缺陷的：
第一：在创建title的时候，必须数据库取出来的数据有5个模块，不然中间少几个模块，相对应的顺序就会改变了
注：有高手能搞定的或者其中还有什么问题，请发到836337706@qq.com谢谢了。
相关文章：