<!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=utf-8" />
<title>鼠标移动变换栏目内容特效</title>
<!--以下内容为css样式表,修改样式请此处-->
<style type="text/css">
.showbox{
clear:both;
width:500px;/*此处控制显示区域的高度*/
border:1px solid #ff0000;/*此处控制显示外框的颜色*/
border-top-width:0;
height:300px;/*此处控制内容显示区域高度*/
}
.nav_1{
width:500px;
border-left:1px solid #dcdcdc;
list-style:none;
}
.nav_1 li{
width:100px;/*此值控制栏目的宽度*/
float:left;
height:23px;
line-height:23px;
text-align:center;
font-weight:bold;
background-color:#99999
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标移动变换栏目内容特效</title>
<!--以下内容为css样式表,修改样式请此处-->
<style type="text/css">
.showbox{
clear:both;
width:500px;/*此处控制显示区域的高度*/
border:1px solid #ff0000;/*此处控制显示外框的颜色*/
border-top-width:0;
height:300px;/*此处控制内容显示区域高度*/
}
.nav_1{
width:500px;
border-left:1px solid #dcdcdc;
list-style:none;
}
.nav_1 li{
width:100px;/*此值控制栏目的宽度*/
float:left;
height:23px;
line-height:23px;
text-align:center;
font-weight:bold;
background-color:#99999