| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 928 人关注过本帖
标题:小问题
只看楼主 加入收藏
amiller
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2004-8-24
收藏
 问题点数:0 回复次数:7 
小问题
请教如何在网页中添加展开效果?我看源文件好象是什么<a href='javascript:window.parent.reWrite(2)'>??
搜索更多相关主题的帖子: javascript 网页 源文件 如何 
2004-08-24 23:14
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分:0 
什么叫展开效果?

天津网站建设 http://www./
2004-08-25 10:43
amiller
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2004-8-24
收藏
得分:0 

就是比如说 一

点击“一”后变为 一

1

2

的样子

[此贴子已经被作者于2004-08-25 15:39:58编辑过]

2004-08-25 15:38
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分:0 

晕。。。。。。就这呀


天津网站建设 http://www./
2004-08-25 17:17
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分:0 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><head> <title>QQ菜单</title> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <script language='JavaScript'> var headHeight = 22;var bodyHeight = 202;var objcount = 6;var step = 10;var moving = false; function showme(obj1, obj2) { if (moving) return; moving = true; for(i=0;i<document.all.tags('td').length;i++) if (document.all.tags('td')[i].className.indexOf('headtd') == 0) document.all.tags('td')[i].className = 'headtd1'; obj2.className = 'headtd2'; moveme(obj1); } function moveme(obj) { idnumber = parseInt(obj.id.substr(4)); objtop = headHeight * (idnumber - 1); objbuttom = bodyHeight + headHeight * (idnumber - 2); currenttop = parseInt(obj.style.top); if (currenttop >= objbuttom) { countid = 1; for(i=0;i<document.all.tags('div').length;i++) if (document.all.tags('div')[i].id == 'item'+countid+'body') { obj = document.all.tags('div')[i]; objtop = headHeight * (countid - 1); if (countid == idnumber) { moveup(obj,objtop,false); break; } else moveup(obj,objtop,true); countid++; } } else if ((currenttop >= objtop) && (idnumber < objcount)) { idnumber++; countid = objcount; for(i=document.all.tags('div').length-1;i>=0;i--) if (document.all.tags('div')[i].id == 'item'+countid+'body') { obj = document.all.tags('div')[i]; objbuttom = bodyHeight + headHeight * (countid - 2); if (countid == idnumber) { movedown(obj,objbuttom,false); break; } else movedown(obj,objbuttom,true); countid--; } } } function moveup(obj,objtop,ismove) { currenttop = parseInt(obj.style.top); if (currenttop > objtop) { obj.style.top = currenttop - step; setTimeout('moveup('+obj.id+','+objtop+','+ismove+')',1) return; } moving = ismove; } function movedown(obj,objbuttom,ismove) { currenttop = parseInt(obj.style.top); if (currenttop < objbuttom) { obj.style.top = currenttop + step; setTimeout('movedown('+obj.id+','+objbuttom+','+ismove+')',1) return; } moving = ismove; } </script>

<style type='text/css'> .headtd1 { background: #000099; border: 1px outset; border-color: #00BBFF #0077FF #0077FF #00BBFF; cursor: hand; font-size: 9pt}.headtd2 { background: #20C1FF; border: 1px outset; border-color: #60D3FF #0077FF #0077FF #60D3FF; cursor: hand; font-size: 9pt}.bodytd { background: #FFFFFF; border: 1px outset; border-color: #B0D8FF #0077FF #0077FF #B0D8FF; font-size: 9pt} a { color: #000000} a:link { text-decoration: none;color:#000000 } a:visited { text-decoration: color:#000000} a:hover { text-decoration: none;color:#003399 } </style> </head>

<div id='mainboard' style='position:absolute; left:2px; top:2px; width:90px; height:312px; z-index:1; overflow: hidden; background: #FFFFFF;'> <div id='item1body' style='position:absolute; left:0; top:0; width:90px; height:202px; z-index:2; overflow: hidden'> <table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'> <tr> <td id='item1head' height='20' class='headtd2' onclick='showme(item1body,this)' align='center'><font color="#FFFFFF">学院概况</font></td> </tr> <tr> <td class='bodytd' align='center'><a href="general/xueyuan.htm" target="mainFrame">学院简介</a></td> </tr> <tr> <td class='bodytd' align='center'><a href="general/yuanzhang.htm" target="mainFrame">院长介绍</a></td> </tr> <tr> <td class='bodytd' align='center'><a href="general/xuexi.htm" target="mainFrame">学系设置</a></td> </tr> <tr> <td class='bodytd' align='center'><a href="general/bangong.htm" target="mainFrame">办公系统</a></td> </tr> </table> </div><div id='item2body' style='position:absolute; left:0; top:202; width:90px; height:202px; z-index:3; overflow: hidden'> <table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'> <tr> <td id='item2head' height='20' class='headtd1' onclick='showme(item2body,this)' align='center'><font color="#FFFFFF">师资队伍</font></td> </tr> <tr> <td class='bodytd' align='center'><a href="teacher/jianjie.htm" target="mainFrame">教师简介</a></td> </tr> <tr> <td class='bodytd' align='center'><a href="teacher/daoshi.htm" target="mainFrame">导师安排</a></td> </tr> </table> </div><div id='item3body' style='position:absolute; left:0; top:224; width:90px; height:202px; z-index:4; overflow: hidden'> <table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'> <tr> <td id='item3head' height='20' class='headtd1' onclick='showme(item3body,this)' align='center'><font color="#FFFFFF">学术研究</font></td> </tr> <tr> <td class='bodytd' align='center'><a href="xueshu/huodong.htm" target="mainFrame">学术活动</a></td> </tr> <tr> <td class='bodytd' align='center'><a href="xueshu/chengguo.htm" target="mainFrame">科研成果</a></td> </tr> </table> </div><div id='item4body' style='position:absolute; left:0; top:246; width:90px; height:202px; z-index:5; overflow: hidden'> <table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'> <tr> <td id='item4head' height='20' class='headtd1' onclick='showme(item4body,this)' align='center'><font color="#FFFFFF">课程设置</font></td> </tr> <tr> <td class='bodytd' align='center'><a href="kecheng/benke.htm" target="mainFrame">本科生</a></td> </tr> <tr> <td class='bodytd' align='center'><a href="kecheng/faxue.htm" target="mainFrame">法学研究生</a></td> </tr> <tr> <td class='bodytd' align='center'><a href="kecheng/jm.htm" target="mainFrame">JM研究生</a></td> </tr> <tr> <td class='bodytd' align='center'><a href="kecheng/ejm.htm" target="mainFrame">EJM研究生</a></td> </tr> <tr> <td class='bodytd' align='center'><a href="kecheng/boshi.htm" target="mainFrame">博士生</a></td> </tr> <tr> <td class='bodytd' align='center'><a href="kecheng/train.htm" target="mainFrame">研究生课程研修班</a></td> </tr> </table> </div><div id='item5body' style='position:absolute; left:0; top:268; width:90px; height:202px; z-index:6; overflow: hidden'> <table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'> <tr> <td id='item5head' height='20' class='headtd1' onclick='showme(item5body,this)' align='center'><font color="#FFFFFF">合作交流</font></td> </tr> <tr> <td class='bodytd' align='center'><a href="jiaoliu/coming.htm" target="mainFrame">来访学者</a></td> </tr> <tr> <td class='bodytd' align='center'><a href="jiaoliu/program.htm" target="mainFrame">交流项目</a></td> </tr> </table> </div> <div id='item6body' style='position:absolute; left:0; top:290; width:90px; height:202px; z-index:7; overflow: visible'> <table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'> <tr> <td id='item6head' height='20' class='headtd1' onclick='showme(item6body,this)' align='center'><font color="#FFFFFF">学生园地</font></td> </tr> <tr> <td class='bodytd' align='center'><a href="student/bachelor.htm" target="mainFrame">本科生</a></td> </tr> <tr> <td class='bodytd' align='center'><a href="student/master.htm" target="mainFrame">研究生</a></td> </tr> </table> </div></div></body></html>


天津网站建设 http://www./
2004-08-25 17:21
amiller
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2004-8-24
收藏
得分:0 
那3层效果的呢?拜托
2004-08-26 16:50
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分:0 
什么叫三层效果

天津网站建设 http://www./
2004-08-26 17:44
jacky
Rank: 1
等 级:新手上路
帖 子:104
专家分:0
注 册:2004-12-17
收藏
得分:0 

说的这个吧

点击一后

1

2

3

2004-12-18 12:12
快速回复:小问题
数据加载中...
 
   



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

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