SupeSite 7.5 怎么修改成，鼠标放在一级菜单，显示出二级菜单

dsc166 · 发表于 2010-1-14 14:08:26

SupeSite 7.5 怎么修改成，鼠标放在一级菜单，就弹出出二级菜单列表

第一模板 · 发表于 2010-1-14 14:58:57

提示: 作者被禁止或删除内容自动屏蔽

dsc166 · 发表于 2010-1-14 16:31:47

js 啊
研究下!!!!!!!!!

黄群友 · 发表于 2010-1-14 20:37:36

我也不知道，帮顶，期待高手

q344617263 · 发表于 2010-1-16 15:04:29

我的网站就是这种特效，LZ有兴趣的话可以看看
www.gpunion.net

dsc166 · 发表于 2010-1-16 15:30:06

回复 5# q344617263

怎么弄得，教教呗

q344617263 · 发表于 2010-1-16 15:32:55

回复 6# dsc166

删除系统自带的头部导航条，换成如下代码

<script type="text/javascript">function $(id) {
return document.getElementById(id);
}
function showMenu (baseID, divID) {
baseID = $(baseID);
divID = $(divID);
if (showMenu.timer) clearTimeout(showMenu.timer);
hideCur();
divID.style.display = 'block';
showMenu.cur = divID;
if (! divID.isCreate) {
divID.isCreate = true;
//divID.timer = 0;
divID.onmouseover = function () {
if (showMenu.timer) clearTimeout(showMenu.timer);
hideCur();
divID.style.display = 'block';
};
function hide () {
showMenu.timer = setTimeout(function () {divID.style.display = 'none';}, 300);
}
divID.onmouseout = hide;
baseID.onmouseout = hide;
}
function hideCur () {
showMenu.cur && (showMenu.cur.style.display = 'none');
}
}</script>
</head>
</div>
<div class="nav">
<div class="navinner">
<ul class="navlist">
<li><a href="http://www.gpunion.net">首页</a></li>
<li><a href="http://www.gpunion.net/action-news.html" id="nav_1" onmouseover="showMenu('nav_1','subnav1')">资讯</a>
<div class="subnav disable" id="subnav1">
<p class="pointer">.</p>
<p><span> <a href="http://www.gpunion.net/category-1.html">科技世界</a> | <a href="http://www.gpunion.net/category-2.html">互联网络</a> | <a href="http://www.gpunion.net/category-3.html">体育财经</a> | <a href="http://www.gpunion.net/category-5.html">娱乐生活</a> | <a href="http://www.gpunion.net/category-10.html">女人世界</a> </span></p>
</div>
</li>
<li><a href="http://www.gpunion.net/action-uchblog.html" id="nav_2" onmouseover="showMenu('nav_2','subnav2')">日志</a></li>
<li><a href="http://www.gpunion.net/action-uchimage.html" id="nav_3" onmouseover="showMenu('nav_3','subnav3')">相册</a></li>
<li><a href="http://www.gpunion.net/wiki" id="nav_4" onmouseover="showMenu('nav_4','subnav4')">百科</a></li>
<li><a href="http://home.gpunion.net" id="nav_5" onmouseover="showMenu('nav_5','subnav5')">社区</a></li>
<li><a href="http://www.gpunion.net/action-top.html" id="nav_6" onmouseover="showMenu('nav_6','subnav6')">排行</a></li>
</ul>
</div>
</div>

复制代码

里面的链接自己换掉

q344617263 · 发表于 2010-1-16 15:34:35

找到CSS文件的nav部分
换成

/* nav style */
.nav {width:960px; position: relative; margin:0px auto;
background: url(../images/nav_bg.png) no-repeat 0 -36px;
}
.navinner {
background: url(../images/nav_bg.png) no-repeat 100% -72px;
}
.navlist {
height: 36px;
line-height: 36px;
overflow: hidden;
margin: 0 10px;
background: url(../images/nav_bg.png) repeat-x 0 0;
}
.nav li {
float: left;
display: inline;
margin: 0 0 0 -2px;
padding: 0 4px 0 6px;
background: url(../images/nav_bg.png) no-repeat 0 -108px;
}
.nav a {
display: block;
width: 110px;
text-align: center;
font-size: 120%;
}
.nav a:link, .nav a:visited {
color: #fff;
}
.nav a.current, .nav a:hover, .nav a:active {
color: #fff;
font-weight: bold;
background: url(../images/nav_bg.png) no-repeat 50% -144px;
}
.subnav {
position: absolute;
top: 41px;
left: 0;
float: left;
height: 27px;
line-height: 27px;
white-space: nowrap;
background: url(../images/nav_bg.png) no-repeat 0 -180px;
}
* html .subnav {
margin: 0 10px 0 -10px; /* IE 6 and below */
}
.subnav p {
padding: 0 10px;
background: url(../images/nav_bg.png) no-repeat 100% -234px;
}
.subnav p span {
display: block;
background: url(../images/nav_bg.png) repeat-x 0 -207px;
}
.subnav p.pointer {
position: absolute;
top: -4px;
left: 0;
height: 5px;
width: 11px;
padding: 0;
margin-left: 20px;
text-indent: -999em;
background: url(../images/nav_bg.png) repeat-x 0 -261px;
}
.subnav a {
display: inline;
padding: 0;
font-size: 100%;
}
[class~="subnav"] a {
padding: 0 3px;
}
.subnav, .subnav a:link, .subnav a:visited {
color: #235e99;
}
.subnav a:hover, .subnav a:active {
color: #235e99;
}
.subnav a:hover, .subnav a:active {
font-weight: normal;
background: none;
border-bottom: 2px solid;
}
/* subnav position and pointer position */
#subnav1 { left: 125px; }
#subnav2 { left: 250px; }
#subnav3 { left: 360px; }
#subnav4 { left: 480px; }
#subnav5, #subnav6, #subnav7 {
left: auto;
right: 0px;
}
#subnav1 .pointer { left: 40px; }
#subnav2 .pointer { left: 35px; }
#subnav3 .pointer { left: 40px; }
#subnav4 .pointer { left: 40px; }
#subnav5 .pointer { left: auto; right: 310px; }
#subnav6 .pointer { left: auto; right: 190px; }
#subnav7 .pointer { left: auto; right: 80px; }
#subnav1, #subnav2, #subnav3, #subnav4 {
min-width: 110px;
}
#subnav5 { min-width: 340px; }
#subnav6 { min-width: 240px; }
#subnav7 { min-width: 130px; }
/* Note
==========================================================*/
.note {
margin: 0 15px 10px;
color:#666666;
}
.note span{
float:right;
}
.disable {
display: none;
}

复制代码

q344617263 · 发表于 2010-1-16 15:35:14

具体请参考https://discuz.dismall.com/viewth ... p;extra=&page=1

翠微山下论坛 · 发表于 2010-1-17 21:18:06

你的怎么还是多语言的，不错呀，怎么搞来的

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

[疑难] SupeSite 7.5 怎么修改成，鼠标放在一级菜单，显示出二级菜单

评分