模仿口碑网个人管理左侧的效果IE和ff都可用
来源：互联网 发布：js怎么隐藏span 编辑：程序博客网 时间：2024/05/17 05:52
<!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">
<!--
#Left_Menu {
width:143px;
height:auto;
}
#Left_Menu_Deal{
height:2px;
overflow:hidden;
}
.Left_Menu_Top_Out{
border:1px #B9D7FE solid;
height:27px;
background-image:url(Mouse_Out.gif);
padding-left:18px;
padding-top:7px;
font-size:14px;
font-weight:bold;
COLOR: #085670;
HEIGHT: 20px;
TEXT-ALIGN: left;
TEXT-DECORATION: none
}
.Left_Menu_Top_Over{
border:1px #B9D7FE solid;
height:27px;
background-image:url(Mouse_Over.gif);
padding-left:18px;
padding-top:7px;
font-size:14px;
font-weight:bold;
COLOR: #085670;
HEIGHT: 20px;
TEXT-ALIGN: left;
TEXT-DECORATION: none
}
.Left_Menu_Body{
border-bottom:1px #B9D7FE solid;
border-left:1px #B9D7FE solid;
border-right:1px #B9D7FE solid;
}
.Left_Menu_Body_Ul{
margin:0px 0px 0px 0px;
padding-left:0px;
}
.Left_Menu_Body_Li_Over{
DISPLAY: block;
PADDING-LEFT: 28px; FONT-WEIGHT: bold; FONT-SIZE: 14px;
HEIGHT: 21px;
padding-top:6px;
text-align:left;
color:#085670;
background-image:url(Left_Menu_bg.gif);
}
.Left_Menu_Body_Li_Out{
DISPLAY: block;
PADDING-LEFT: 28px; FONT-WEIGHT: bold; FONT-SIZE: 14px;
HEIGHT: 20px;
padding-top:7px;
text-align:left;
color:#085670;
}
-->
</style>
<script language="javascript" type="text/javascript" >
function SetLeftMenuTop(id,eveStr)
{
var leftMenuTop,leftMenuBody;
leftMenuTop=document.getElementById("Left_Menu_Top_"+id);
leftMenuBody=document.getElementById("Left_Menu_Body_"+id);
if(eveStr=="onclick")
{
for(var i=1;i<=3;i++)
{
leftMenuTop=document.getElementById("Left_Menu_Top_"+i);
leftMenuBody=document.getElementById("Left_Menu_Body_"+i);
if(i==id)
{
leftMenuTop.className="Left_Menu_Top_Over";
leftMenuBody.style.display="";
}
else
{
leftMenuTop.className="Left_Menu_Top_Out";
leftMenuBody.style.display="none";
}
}
}
else
{
if(leftMenuBody.style.display=="none")
{
if(eveStr=="over")
{
leftMenuTop.className="Left_Menu_Top_Over";
}
else
{
leftMenuTop.className="Left_Menu_Top_Out";
}
}
}
}
function SetLeftMenuBodyLi(id,cid,eveStr)
{
var leftMenuBodyUl
leftMenuBodyUl=document.getElementById("Left_Menu_Body_"+id+"_"+cid);
if(eveStr=="over")
{
leftMenuBodyUl.className="Left_Menu_Body_Li_Over";
}
else
{
leftMenuBodyUl.className="Left_Menu_Body_Li_Out";
}
}
</script>
</head>
<body>
<div id="Left_Menu" >
<div id="Left_Menu_Top_1" class="Left_Menu_Top_Out" onmouseover="SetLeftMenuTop(1,'over');" onmouseout="SetLeftMenuTop(1,'out');" onclick="SetLeftMenuTop(1,'onclick');">首页
</div>
<div id="Left_Menu_Body_1" class="Left_Menu_Body" style="display:none;">
<ul class="Left_Menu_Body_Ul">
<li id="Left_Menu_Body_1_1" class="Left_Menu_Body_Li_Out" onmouseover="SetLeftMenuBodyLi(1,1,'over');" onmouseout="SetLeftMenuBodyLi(1,1,'out');">首页1
</li>
<li id="Left_Menu_Body_1_2" class="Left_Menu_Body_Li_Out" onmouseover="SetLeftMenuBodyLi(1,2,'over');" onmouseout="SetLeftMenuBodyLi(1,2,'out');">首页1
</li>
<li id="Left_Menu_Body_1_3" class="Left_Menu_Body_Li_Out" onmouseover="SetLeftMenuBodyLi(1,3,'over');" onmouseout="SetLeftMenuBodyLi(1,3,'out');">首页1
</li>
</ul>
</div>
<div id="Left_Menu_Deal" ></div>
<div id="Left_Menu_Top_2" class="Left_Menu_Top_Out" onmouseover="SetLeftMenuTop(2,'over');" onmouseout="SetLeftMenuTop(2,'out');" onclick="SetLeftMenuTop(2,'onclick');">分类信息
</div>
<div id="Left_Menu_Body_2" class="Left_Menu_Body" style="display:none;">
<ul class="Left_Menu_Body_Ul">
<li id="Left_Menu_Body_2_1" class="Left_Menu_Body_Li_Out" onmouseover="SetLeftMenuBodyLi(2,1,'over');" onmouseout="SetLeftMenuBodyLi(2,1,'out');">首页111
</li>
<li id="Left_Menu_Body_2_2" class="Left_Menu_Body_Li_Out" onmouseover="SetLeftMenuBodyLi(2,2,'over');" onmouseout="SetLeftMenuBodyLi(2,2,'out');">首页111
</li>
<li id="Left_Menu_Body_2_3" class="Left_Menu_Body_Li_Out" onmouseover="SetLeftMenuBodyLi(2,3,'over');" onmouseout="SetLeftMenuBodyLi(2,3,'out');">首页111
</li>
</ul>
</div>
<div id="Left_Menu_Deal" ></div>
<div id="Left_Menu_Top_3" class="Left_Menu_Top_Out" onmouseover="SetLeftMenuTop(3,'over');" onmouseout="SetLeftMenuTop(3,'out');" onclick="SetLeftMenuTop(3,'onclick');">分类信息2
</div>
<div id="Left_Menu_Body_3" class="Left_Menu_Body" style="display:none;">
<ul class="Left_Menu_Body_Ul">
<li id="Left_Menu_Body_3_1" class="Left_Menu_Body_Li_Out" onmouseover="SetLeftMenuBodyLi(3,1,'over');" onmouseout="SetLeftMenuBodyLi(3,1,'out');">首页1112
</li>
<li id="Left_Menu_Body_3_2" class="Left_Menu_Body_Li_Out" onmouseover="SetLeftMenuBodyLi(3,2,'over');" onmouseout="SetLeftMenuBodyLi(3,2,'out');">首页1112
</li>
<li id="Left_Menu_Body_3_3" class="Left_Menu_Body_Li_Out" onmouseover="SetLeftMenuBodyLi(3,3,'over');" onmouseout="SetLeftMenuBodyLi(3,3,'out');">首页1112
</li>
<li id="Left_Menu_Body_3_4" class="Left_Menu_Body_Li_Out" onmouseover="SetLeftMenuBodyLi(3,4,'over');" onmouseout="SetLeftMenuBodyLi(3,4,'out');">首页1112
</li>
</ul>
</div>
</div>
</body>
</html>
- 模仿口碑网个人管理左侧的效果IE和ff都可用
- FF IE都可用的Flash播放器
- IE FF OPERA都可用的弹出层
- IE和FF都兼容的加入收藏的javascript代码
- ie跟FF都通用的方法
- 拖动层效果，兼容IE和FF!
- IE和FF的差异
- IE和FF的兼容
- IE 和 FF 的区别？
- IE 和 Firefox 都兼容的文字滚动效果
- 用js实现的图片在浏览器里面来回滚动效果 <兼容ie和ff>
- IE与FF的JS兼容性都知道哪些
- 点击显示和隐藏层(js效果,IE FF均可)
- Javascript的IE和FF兼容性汇编
- ff和ie对UL的处理
- 容IE和FF的透明度设置
- IE和FF的event对象
- FF和IE的兼容性一览
- 设置自动关机
- 一位软件工程师的6年总结
- flex 优化
- 配置Tomcat使用SSL
- 软件资料总结
- 模仿口碑网个人管理左侧的效果IE和ff都可用
- 让ubuntu/debian系统xmms播放器支持wma和ape格式
- 使用WAS Tool对web进行压力测试
- dwr配置dwr.xml配置详解
- 第一課 初めまして
- Liferay页面缓存
- ajaxcn.org 中一道编程题
- Java关键字
- C# 开发和使用中的23个技巧
