用广告页添加一个js二级导航条在首页，如何修改不会影响全局

timpro · 发表于 2011-7-19 22:35:16

<head>
<style>
/** style used for both examples **/
.menu {
height: 45px;
display: block;
}
.menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.menu ul li {
/* width and height of the menu items */
float: left;
overflow: hidden;
position: relative;
text-align: center;
line-height: 45px;
}
.menu ul li a {
/* must be postioned relative */
position: relative;
display: block;
width: 110px;
height: 45px;
font-family: Arial;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
}
.menu ul li a span {
/* all layers will be absolute positioned */
position: absolute;
left: 0;
width: 110px;
}
.menu ul li a span.out {
top: 0px;
}
.menu ul li a span.over,
.menu ul li a span.bg {
/* hide */
top: -45px;
}
/** 2nd example **/
#menu2 {
background: #000;
}
#menu2 ul li a {
color: #FFF;
}
#menu2 ul li a span.over {
background: #FFF;
color: #000;
}
</style>
<script type="text/javascript" src="images/daohang/jquery.min.js"></script>
<script language="javascript">
$(document).ready(function() {
/* 2nd example */
$("#menu2 li a").wrapInner( '<span class="out"></span>' );
$("#menu2 li a").each(function() {
$( '<span class="over">' + $(this).text() + '</span>' ).appendTo( this );
});
$("#menu2 li a").hover(function() {
$(".out", this).stop().animate({'top': '45px'}, 200); // move down - hide
$(".over", this).stop().animate({'top': '0px'}, 200); // move down - show
}, function() {
$(".out", this).stop().animate({'top': '0px'}, 200); // move up - show
$(".over", this).stop().animate({'top': '-45px'}, 200); // move up - hide
});
});
</script>
</head>
<div id="menu2" class="menu">
<ul>
<li><a href="javascript:;">资讯</a></li>
<li><a href="javascript:;">Work</a></li>
<li><a href="javascript:;">Services</a></li>
<li><a href="javascript:;">Support</a></li>
<li><a href="javascript:;">Contacts</a></li>
</ul>
</div>

复制代码

用此代码，tab页，图片轮播，自定义滚动帖子页面都不显示了，求助怎么修改不会影响全局变量，CSS

photonv · 发表于 2011-7-19 22:53:05

本帖最后由 photonv 于 2011-7-19 22:56 编辑

等待高手来回答

www.020rent.com.cn 如何治疗口臭_口臭吃什么药

timpro · 发表于 2011-7-20 17:29:44

没人帮忙么……

timpro · 发表于 2011-7-22 19:29:25

求助啊

		自动登录	找回密码
密码			立即注册

[求助] 用广告页添加一个js二级导航条在首页，如何修改不会影响全局