<%@ Page Language="C#" AutoEventWireup="true" CodeFile="222.aspx.cs" Inherits="_Default" %><!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 id="Head1" runat="server">
<title></title>
<style type="text/css">
.li_1
{
list-style: none;
background-color: #44BBE8;
width: 105px;
font-size: smaller;
border-style: solid;
border-color: #007099;
border: 1px;
padding: 2px;
border-bottom-color: #007099;
cursor: pointer;
}
.ul_2
{
color: Green;
background-color: Blue;
list-style: none;
padding: 5px;
font-size: smaller;
}
.div_4
{
height: 15px;
width: 100%;
}
.td_3
{
}
.hr_5
{
height: 4px;
color: #007099;
border: solid 1px black;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div align="right">
欢迎 域管理员，您好。 业务介绍 | 帮助信息
</div>
<div class="div_4">
<ul>
<li style="float: right">
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
系统管理</div>
<div style="display: none" onmouseout="bian4(this)" onmouemove="bian3(this)">
<div class="ul_2">
系统角色管理</div>
<div class="ul_2">
系统授权管理</div>
<div class="ul_2">
系统配置管理</div>
</div>
</li>
<li style="float: right">
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
可信应用管理</div>
<div style="display: none" onmouseout="bian4(this)" onmousemove="bian3(this)">
<div class="ul_2">
可信应用管理</div>
<div class="ul_2">
应用角色管理</div>
</div>
</li>
<li style="float: right">
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
可信授权管理</div>
<div style="display: none" onmouseout="bian4(this)" onmousemove="bian3(this)">
<div class="ul_2">
网络通行权</div>
<div class="ul_2">
基本服务权</div>
<div class="ul_2">
应用访问权</div>
</div>
</li>
<li style="float: right">
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
可信身份管理</div>
<div style="display: none" onmouseout="bian4(this)" onmousemove="bian3(this)">
<div class="ul_2">
网络信任域管理</div>
<div class="ul_2">
接入网管理</div>
<div class="ul_2">
机构管理</div>
<div class="ul_2">
用户管理</div>
<div class="ul_2">
设备管理</div>
<div class="ul_2">
数字证书管理</div>
</div>
</li>
<li class="li_1" style="width: 50px; float: right">首页</li>
</ul>
</div>
<div>
</div>
</form>
</body>
</html><script type="text/javascript">
function bian1(thi) {//debugger;
thi.style.backgroundColor = "#007099";
thi.nextSibling.style.display = "block";
}
function bian2(thi) {
thi.style.backgroundColor = "#44BBE8";
thi.nextSibling.style.display = "none";
}
function bian3(thi) {//debugger;
thi.previousSibling.style.backgroundColor = "#007099";
thi.style.backgroundColor = "#007099";
thi.style.display = "block";
}
function bian4(thi) {
thi.previousSibling.style.backgroundColor = "#44BBE8";
thi.style.backgroundColor = "#44BBE8";
thi.style.display = "none";
}
</script>谁帮我把下面代码的几个格子之间留些间隙，我用margin: 3px;控制会使格子下拉框的东西变形
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
.li_1
{
list-style: none;
background-color: #44BBE8;
width: 105px;
font-size: smaller;
border-style: solid;
border-color: #007099;
border: 1px;
padding: 2px;
border-bottom-color: #007099;
cursor: pointer;
}
.ul_2
{
color: Green;
background-color: Blue;
list-style: none;
padding: 5px;
font-size: smaller;
}
.div_4
{
height: 15px;
width: 100%;
}
.td_3
{
}
.hr_5
{
height: 4px;
color: #007099;
border: solid 1px black;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div align="right">
欢迎 域管理员，您好。 业务介绍 | 帮助信息
</div>
<div class="div_4">
<ul>
<li style="float: right">
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
系统管理</div>
<div style="display: none" onmouseout="bian4(this)" onmouemove="bian3(this)">
<div class="ul_2">
系统角色管理</div>
<div class="ul_2">
系统授权管理</div>
<div class="ul_2">
系统配置管理</div>
</div>
</li>
<li style="float: right">
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
可信应用管理</div>
<div style="display: none" onmouseout="bian4(this)" onmousemove="bian3(this)">
<div class="ul_2">
可信应用管理</div>
<div class="ul_2">
应用角色管理</div>
</div>
</li>
<li style="float: right">
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
可信授权管理</div>
<div style="display: none" onmouseout="bian4(this)" onmousemove="bian3(this)">
<div class="ul_2">
网络通行权</div>
<div class="ul_2">
基本服务权</div>
<div class="ul_2">
应用访问权</div>
</div>
</li>
<li style="float: right">
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
可信身份管理</div>
<div style="display: none" onmouseout="bian4(this)" onmousemove="bian3(this)">
<div class="ul_2">
网络信任域管理</div>
<div class="ul_2">
接入网管理</div>
<div class="ul_2">
机构管理</div>
<div class="ul_2">
用户管理</div>
<div class="ul_2">
设备管理</div>
<div class="ul_2">
数字证书管理</div>
</div>
</li>
<li class="li_1" style="width: 50px; float: right">首页</li>
</ul>
</div>
<div>
</div>
</form>
</body>
</html><script type="text/javascript">
function bian1(thi) {//debugger;
thi.style.backgroundColor = "#007099";
thi.nextSibling.style.display = "block";
}
function bian2(thi) {
thi.style.backgroundColor = "#44BBE8";
thi.nextSibling.style.display = "none";
}
function bian3(thi) {//debugger;
thi.previousSibling.style.backgroundColor = "#007099";
thi.style.backgroundColor = "#007099";
thi.style.display = "block";
}
function bian4(thi) {
thi.previousSibling.style.backgroundColor = "#44BBE8";
thi.style.backgroundColor = "#44BBE8";
thi.style.display = "none";
}
</script>谁帮我把下面代码的几个格子之间留些间隙，我用margin: 3px;控制会使格子下拉框的东西变形
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
.li_1
{
list-style: none;
background-color: #44BBE8;
width: 105px;
font-size: smaller;
border-style: solid;
border-color: #007099;
border: 1px;
padding: 2px;
border-bottom-color: #007099;
cursor: pointer;
}
.ul_2
{
color: Green;
background-color: Blue;
border-style: hidden hidden solid hidden ;
border-width:1px; list-style: none;
padding: 5px;
font-size: smaller;
}
.div_4
{
height: 15px;
width: 100%;
}
.td_3
{
}
.hr_5
{
height: 4px;
color: #007099;
border: solid 1px black;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div align="right">
欢迎 域管理员，您好。 业务介绍 | 帮助信息
</div>
<div class="div_4">
<ul>
<li style="float: right">
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
系统管理</div>
<div style="display: none" onmouseout="bian4(this)" onmouemove="bian3(this)">
<div class="ul_2">
系统角色管理</div>
<div class="ul_2">
系统授权管理</div>
<div class="ul_2">
系统配置管理</div>
</div>
</li>
<li style="float: right">
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
可信应用管理</div>
<div style="display: none" onmouseout="bian4(this)" onmousemove="bian3(this)">
<div class="ul_2">
可信应用管理</div>
<div class="ul_2">
应用角色管理</div>
</div>
</li>
<li style="float: right">
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
可信授权管理</div>
<div style="display: none" onmouseout="bian4(this)" onmousemove="bian3(this)">
<div class="ul_2">
网络通行权</div>
<div class="ul_2">
基本服务权</div>
<div class="ul_2">
应用访问权</div>
</div>
</li>
<li style="float: right">
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
可信身份管理</div>
<div style="display: none" onmouseout="bian4(this)" onmousemove="bian3(this)">
<div class="ul_2">
网络信任域管理</div>
<div class="ul_2">
接入网管理</div>
<div class="ul_2">
机构管理</div>
<div class="ul_2">
用户管理</div>
<div class="ul_2">
设备管理</div>
<div class="ul_2">
数字证书管理</div>
</div>
</li>
<li class="li_1" style="width: 50px; float: right">首页</li>
</ul>
</div>
<div>
</div>
</form>
</body>
</html><script type="text/javascript">
function bian1(thi) {//debugger;
thi.style.backgroundColor = "#007099";
thi.nextSibling.style.display = "block";
}
function bian2(thi) {
thi.style.backgroundColor = "#44BBE8";
thi.nextSibling.style.display = "none";
}
function bian3(thi) {//debugger;
thi.previousSibling.style.backgroundColor = "#007099";
thi.style.backgroundColor = "#007099";
thi.style.display = "block";
}
function bian4(thi) {
thi.previousSibling.style.backgroundColor = "#44BBE8";
thi.style.backgroundColor = "#44BBE8";
thi.style.display = "none";
}
</script>