| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 606 人关注过本帖
标题:[求助]请教一个关于javascript做的QQ菜单问题!
只看楼主 加入收藏
zj888
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2005-11-4
收藏
 问题点数:0 回复次数:2 
[求助]请教一个关于javascript做的QQ菜单问题!
以下是一个防QQ菜单的完整代码,鄙人想实现的是当打开这个含有QQ菜单的网页时,菜单会直接跳到我需要的层上去,比如:一打开这个网页,我想让QQ菜单自动打开“美工教室”这层菜单,而不用鼠标点击(该QQ菜单网页打开时默认是停留在第一层“网页设计师”),需要怎样才能实现这个功能??希望有知道的朋友不妨相告,先在此谢过!!

<HTML><HEAD><TITLE>仿QQ导航菜单</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>.titleStyle {
BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 9pt; CURSOR: hand; COLOR: #ffffff; BACKGROUND-COLOR: #0066ff
}
.contentStyle {
FONT-SIZE: 9pt; COLOR: blue; BACKGROUND-COLOR: #eeffee
}
A {
COLOR: blue
}
BODY {
FONT-SIZE: 9pt
}
</STYLE>

<META content="MSHTML 6.00.2900.2523" name=GENERATOR></HEAD>
<BODY>
<SCRIPT language=JavaScript>
<!--
var layerTop=20; //菜单顶边距
var layerLeft=30; //菜单左边距
var layerWidth=140; //菜单总宽
var titleHeight=20; //标题栏高度
var contentHeight=200; //内容区高度
var stepNo=10; //移动步数,数值越大移动越慢

var itemNo=0;runtimes=0;
document.write('<span id=itemsLayer style="position:absolute;overflow:hidden;border:1px solid #008800;left:'+layerLeft+';top:'+layerTop+';width:'+layerWidth+';">');

function addItem(itemTitle,itemContent){
itemHTML='<div id=item'+itemNo+' itemIndex='+itemNo+' style="position:relative;left:0;top:'+(-contentHeight*itemNo)+';width:'+layerWidth+';"><table width=100% cellspacing="0" cellpadding="0">'+
'<tr><td height='+titleHeight+' onclick=changeItem('+itemNo+') class="titleStyle" align=center>'+itemTitle+'</td></tr>'+
'<tr><td height='+contentHeight+' class="contentStyle">'+itemContent+'</td></tr></table></div>';
document.write(itemHTML);
itemNo++;
}
//添加菜单标题和内容,可任意多项,注意格式:
addItem('网页设计师','<BR>  欢迎光临设计在线!');
addItem('网星工作室','<center><a href="#">网页工具</a> <BR><BR><a href="#">技术平台</a> <BR><BR><a href="#">设计理念</a> <BR><BR><a href="#">更多</a></center>');
addItem('美工教室','<center><a href="http://www.163.com" target="_blank">平面设计 </a> <BR><BR><a href="www.163.com" target="_blank">三维空间</a> <BR><BR><a href="#">设计基础</a> <BR><BR><a href="#">更多..</a></center>');
addItem('Flash','<center><a href="#">基础教程</a> <BR><BR><a href="#">技巧运用</a> <BR><BR><a href="#">实例剖析</a> <BR><BR><a href="#">更多..</a></center>');
addItem('多媒体','<center><a href="#">DIRECTOR</a> <BR><BR><a href="#">Authorware</a> <BR><BR><a href="#">更多..</a></center>');
addItem('精品赏析','<center><a href="#">设计精品</a></center>');

document.write('</span>')
document.all.itemsLayer.style.height=itemNo*titleHeight+contentHeight;

toItemIndex=itemNo-1;onItemIndex=itemNo-1;

function changeItem(clickItemIndex){
toItemIndex=clickItemIndex;
if(toItemIndex-onItemIndex>0) moveUp(); else moveDown();
runtimes++;
if(runtimes>=stepNo){
onItemIndex=toItemIndex;
runtimes=0;}
else
setTimeout("changeItem(toItemIndex)",10);
}

function moveUp(){
for(i=onItemIndex+1;i<=toItemIndex;i++)
eval('document.all.item'+i+'.style.top=parseInt(document.all.item'+i+'.style.top)-contentHeight/stepNo;');
}

function moveDown(){
for(i=onItemIndex;i>toItemIndex;i--)
eval('document.all.item'+i+'.style.top=parseInt(document.all.item'+i+'.style.top)+contentHeight/stepNo;');
}
changeItem(0);
//-->
</SCRIPT>
</BODY></HTML>
搜索更多相关主题的帖子: javascript 菜单 
2005-11-04 22:17
linuxpluto
Rank: 4
等 级:贵宾
威 望:13
帖 子:889
专家分:23
注 册:2005-8-14
收藏
得分:0 

说出来晕死你changeItem(0);
中间的参数就是决定了默认的选择菜单~
看你是什么要求了,可以选择的值有0,1,2,3,4,5


吃的比猪还差,干的比驴还累,起的比鸡还早,睡得比小姐还晚,挣得比民工还少,看起来比谁都好——苦命的人.人生短短几十年,不要给自己留下了什么遗憾,想笑就笑,想哭就哭,该爱的时候就去爱,无谓压抑自己
2005-11-07 04:17
115215700
Rank: 1
等 级:新手上路
帖 子:10
专家分:0
注 册:2005-11-8
收藏
得分:0 
小迷茫了
2005-11-08 15:21
快速回复:[求助]请教一个关于javascript做的QQ菜单问题!
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.013080 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved