算你走运,我刚整理代码的时候,发现我做的对象化QQ菜单居然还在。留下email,我发给你!算了。我还是贴出来,让大家共享一下:代码如下,调用方法你看得见的例子的。直接调用就可以了。我们的软件用的就是这个。便宜你咯!
<HTML>
<HEAD>
<META name="VI60_DTCScriptingPlatform" Content="Client (IE 4.0 DHTML)"><META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<style type="text/css">
.titleStyle{
background-color:#6699CC;color:#ffffff;
border-top:1px solid #FFFFFF;font-size:9pt;cursor:hand;
}
.contentStyle{
background-color:#efefef;color:blue;font-size:9pt;
}
</style>
</HEAD>
<BODY>
<SCRIPT LANGUAGE=javascript>
<!--var mMenu=new Array()var headHeight = 22;//每个标题的高度
var bodyHeight = 260;//母体高度
var objcount = 6;//项目的个数,要改变了项目的个数别忘了该这个东西
var step = 6;//移动速度(请确认可以被'bodyHeight-headHeight'整除,当前的设定可选速度为1,2,3,6,23,138)
var moving = false;//是否有移动的项目
var layerTop=50; //菜单顶边距
var layerLeft=50; //菜单左边距
var layerWidth=140; //菜单总宽度
var titleHeight=20; //标题栏高度
var contentHeight=200; //内容区高度
var stepNo=1; //移动步数,数值越大移动越慢
var itemNo=0;
function regsterMenu(menu){
mMenu[mMenu.length]=menu;
return mMenu.length-1;
}function mainMenu(img,capture,hrefurl){
this.items=new Array();
this.img=img;
this.capture=capture;
this.hrefurl=hrefurl;
this.id=regsterMenu(this);
} function subMenu(img,capture,hrefurl){
this.img=img;
this.capture=capture;
this.hrefurl=hrefurl;
}function addSub(item){
this.items[this.items.length]=item;
}mainMenu.prototype.addSub=addSub;
function generateHtml(mmenu){
var menuHTML="";
menuHTML+="<span id=itemsLayer style=\"position:absolute;overflow:hidden;border:1px solid #008800;left:'"+layerLeft+"';top:'"+layerTop+"';width:'"+layerWidth+"';\">"
for(var i=0;i<mmenu.length;i++){
menuHTML+="<div id=item"+i+" style=\"LEFT: 0px; WIDTH: "+layerWidth+"; POSITION: relative; TOP:-"+contentHeight*i+"px\" itemIndex=\""+i+"\"><TABLE cellSpacing=0 cellPadding=0 width=\"100%\"><TBODY><TR><TD class=titleStyle onclick=changeItem("+i+") align=middle height="+titleHeight+">"+mmenu[i].capture+"</TD></tr>"
if(mmenu[i].items.length!=0){
menuHTML+="<TR><TD class=contentStyle height=200><div style=\"overflow:auto;height:200;\">"
for(var q=0;q<mmenu[i].items.length;q++){
menuHTML+="<BR><CENTER>"+mmenu[i].items[q].capture+"</CENTER>"
}
menuHTML+="</div></TD></TR>"
}
menuHTML+="</TBODY></TABLE></DIV>"
}
menuHTML+="</span>"
return menuHTML;
}
var mm1=new mainMenu('#','我的收藏夹','#');
mm1.addSub(new subMenu('#','娱乐世界','#'));
mm1.addSub(new subMenu('#','娱乐世界','#'));
mm2=new mainMenu('#','我的收藏夹','#');
mm2.addSub(new subMenu('#','娱乐世界','#'));
mm3=new mainMenu('#','我的收藏夹','#');
mm3.addSub(new subMenu('#','娱乐世界','#'));
mm4=new mainMenu('#','我的收藏夹','#');
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
document.write (generateHtml(mMenu));
document.all.itemsLayer.style.height =mMenu.length*titleHeight+contentHeight;
//************************************************************
var toItemIndex=mMenu.length-1;
var onItemIndex=mMenu.length-1;
var runtimes=0; //"runtimes"用于记录层移动次数
//菜单标题被点击时调用这个函数:
function changeItem(clickItemIndex){
//myid.innerText=" "+itemsLayer.outerHTML+" "
//判断相应的层应上移还是下移:
toItemIndex=clickItemIndex;
if(toItemIndex-onItemIndex>0) moveUp();
else moveDown();
//一定的时间间隔后继续移动,直到移了设定的步数stepNo:
runtimes++;
if(runtimes>=stepNo){
onItemIndex=toItemIndex;
runtimes=0;}
else
setTimeout("changeItem(toItemIndex)",10);
}
//相应菜单上移:
function moveUp(){
//判断应一起上移的菜单,并让它(们)每次移动contentHeight/stepNo的距离:
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><P> </P></BODY>
</HTML>
<HTML>
<HEAD>
<META name="VI60_DTCScriptingPlatform" Content="Client (IE 4.0 DHTML)"><META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<style type="text/css">
.titleStyle{
background-color:#6699CC;color:#ffffff;
border-top:1px solid #FFFFFF;font-size:9pt;cursor:hand;
}
.contentStyle{
background-color:#efefef;color:blue;font-size:9pt;
}
</style>
</HEAD>
<BODY>
<SCRIPT LANGUAGE=javascript>
<!--var mMenu=new Array()var headHeight = 22;//每个标题的高度
var bodyHeight = 260;//母体高度
var objcount = 6;//项目的个数,要改变了项目的个数别忘了该这个东西
var step = 6;//移动速度(请确认可以被'bodyHeight-headHeight'整除,当前的设定可选速度为1,2,3,6,23,138)
var moving = false;//是否有移动的项目
var layerTop=50; //菜单顶边距
var layerLeft=50; //菜单左边距
var layerWidth=140; //菜单总宽度
var titleHeight=20; //标题栏高度
var contentHeight=200; //内容区高度
var stepNo=1; //移动步数,数值越大移动越慢
var itemNo=0;
function regsterMenu(menu){
mMenu[mMenu.length]=menu;
return mMenu.length-1;
}function mainMenu(img,capture,hrefurl){
this.items=new Array();
this.img=img;
this.capture=capture;
this.hrefurl=hrefurl;
this.id=regsterMenu(this);
} function subMenu(img,capture,hrefurl){
this.img=img;
this.capture=capture;
this.hrefurl=hrefurl;
}function addSub(item){
this.items[this.items.length]=item;
}mainMenu.prototype.addSub=addSub;
function generateHtml(mmenu){
var menuHTML="";
menuHTML+="<span id=itemsLayer style=\"position:absolute;overflow:hidden;border:1px solid #008800;left:'"+layerLeft+"';top:'"+layerTop+"';width:'"+layerWidth+"';\">"
for(var i=0;i<mmenu.length;i++){
menuHTML+="<div id=item"+i+" style=\"LEFT: 0px; WIDTH: "+layerWidth+"; POSITION: relative; TOP:-"+contentHeight*i+"px\" itemIndex=\""+i+"\"><TABLE cellSpacing=0 cellPadding=0 width=\"100%\"><TBODY><TR><TD class=titleStyle onclick=changeItem("+i+") align=middle height="+titleHeight+">"+mmenu[i].capture+"</TD></tr>"
if(mmenu[i].items.length!=0){
menuHTML+="<TR><TD class=contentStyle height=200><div style=\"overflow:auto;height:200;\">"
for(var q=0;q<mmenu[i].items.length;q++){
menuHTML+="<BR><CENTER>"+mmenu[i].items[q].capture+"</CENTER>"
}
menuHTML+="</div></TD></TR>"
}
menuHTML+="</TBODY></TABLE></DIV>"
}
menuHTML+="</span>"
return menuHTML;
}
var mm1=new mainMenu('#','我的收藏夹','#');
mm1.addSub(new subMenu('#','娱乐世界','#'));
mm1.addSub(new subMenu('#','娱乐世界','#'));
mm2=new mainMenu('#','我的收藏夹','#');
mm2.addSub(new subMenu('#','娱乐世界','#'));
mm3=new mainMenu('#','我的收藏夹','#');
mm3.addSub(new subMenu('#','娱乐世界','#'));
mm4=new mainMenu('#','我的收藏夹','#');
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
mm4.addSub(new subMenu('#','娱乐世界','#'));
document.write (generateHtml(mMenu));
document.all.itemsLayer.style.height =mMenu.length*titleHeight+contentHeight;
//************************************************************
var toItemIndex=mMenu.length-1;
var onItemIndex=mMenu.length-1;
var runtimes=0; //"runtimes"用于记录层移动次数
//菜单标题被点击时调用这个函数:
function changeItem(clickItemIndex){
//myid.innerText=" "+itemsLayer.outerHTML+" "
//判断相应的层应上移还是下移:
toItemIndex=clickItemIndex;
if(toItemIndex-onItemIndex>0) moveUp();
else moveDown();
//一定的时间间隔后继续移动,直到移了设定的步数stepNo:
runtimes++;
if(runtimes>=stepNo){
onItemIndex=toItemIndex;
runtimes=0;}
else
setTimeout("changeItem(toItemIndex)",10);
}
//相应菜单上移:
function moveUp(){
//判断应一起上移的菜单,并让它(们)每次移动contentHeight/stepNo的距离:
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><P> </P></BODY>
</HTML>
<html>
<head>
<title>汉中新视听</title>
<base href="/flash/mtv/" target=show_flash >
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
.titleStyle{
background-color:#6699CC;color:#ffffff;
border-top:1px solid #FFFFFF;font-size:9pt;cursor:hand;
}
.contentStyle{
background-color:#efefef;color:blue;font-size:9pt;
}
</style></head>
<body bgcolor=#FFFFFF onload="dotransition()" >
<script language="JavaScript">
<!--
//该函数在调用过程中只需要在将要点击的单元格内的onclick事件中调用showme函数即可
//function showme(obj1, obj2)该函数主要为使点击的对象高亮度显示,并调用moveme函数,参数obj1为母体即<div>标签的id,obj2为点击对象本身
//function moveme(obj)该函数判断单元的移动,并调用相应的函数处理,obj参数为母体
//function moveup(obj,objtop)该函数使一个单元向上移动,参数obj为母体,objtop为母体的本身最高高度
//function movedown(obj,objbuttom)该函数使一个单元向下移动,参数obj为母体,objbuttom为母体的本身最低高度
var headHeight = 22;//每个标题的高度
var bodyHeight = 260;//母体高度
var objcount = 6;//项目的个数,要改变了项目的个数别忘了该这个东西
var step = 6;//移动速度(请确认可以被'bodyHeight-headHeight'整除,当前的设定可选速度为1,2,3,6,23,138)
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: #00A4E1; border: 2px outset; border-color: #00BBFF #0077FF #0077FF #00BBFF; cursor: hand; font-size: 9pt}
.headtd2 { background: #20C1FF; border: 2px outset; border-color: #60D3FF #0077FF #0077FF #60D3FF; cursor: hand; font-size: 9pt}
.bodytd { background: #99CCFF; border: 2px outset; border-color: #B0D8FF #0077FF #0077FF #B0D8FF; font-size: 9pt}
-->
</style>
<!--改改这个div(mainboard)的height,加一个项目当然要把它的值加22了,减一个项目当然就是减22了//-->
<div id="mainboard" style="position:absolute; left:2px; top:2px; width:90px; height:370px; z-index:3; overflow: hidden; background: #0099FF;" onclick="">
<div id="item1body" style="position:absolute; left:0; top:0; width:90px; height:260px; z-index:1; overflow: hidden">
<table width="90" border="0" height="100%" cellpadding="2" cellspacing="0">
<tr>
<td id="item1head" height="20" class="headtd2" onclick="showme(item1body,this)">
<div align="center">★公告栏★</div>
</td>
</tr>
<tr>
<td class="bodytd">
<script LANGUAGE="JavaScript1.1">
<!-- JavaScript ??-
messages = new Array()
messages[0] = "首先欢迎各位的大驾光临~~~~!"
messages[1] = "你是本站的第位访客~!"
messages[2] = "汉中新视听,本着快、新、优的宗旨册,给你带来最佳的视听享受。"
messages[3] = "本站是一个集影视 、音乐、FLASH动画、游戏、娱乐、聊天为一体的个人网站。"
messages[4] = "目前已成为汉中地区最大的个人网站之一。"
messages[5] = "本站没有商业网站浓厚的广告氛围。没有不堪入目的图片!"
messages[6] = "最大限度的引领你的感觉 "
messages[7] = "无须等待,与冰点抗衡,调节温度!"
messages[8] = "本站将带你进入互联网的神秘地带。"
messages[9] = "在这里,你我的距离将更近~"
messages[10] = "浓缩时尚风采,拒揽前沿精彩。"
messages[11] = "影视 、音乐、FLASH动画、游戏、娱乐、聊天,一切前沿流行资讯尽在这里! "
messages[12] = "繁杂人世的生活可曾为你增添烦恼?"
messages[13] = "远离一方嘈杂,来到这片清雅天地"
messages[14] = "这一刻,请让我们对世界说:请勿打扰!"
messages[15] = "泡上一杯绿茶,听听悠美的音乐,看看精彩的动画 。"
messages[16] = "生活就是这么美好!"
messages[17] = "你还等什么 ?"
messages[18] = "及刻点击http://hz-media.onchina.net/"
messages[19] = "将带给你一天的好心情~~~!"
messages[20] = "最后,非常感谢您的访问。"
messages[21] = "希望您以后能一如既往的支持本站的发展。谢谢~~~~!"
mescolor = new Array()
mescolor[0] = "000000"
mescolor[1] = "FF0000"
mescolor[2] = "226622"
mescolor[3] = "0000FF"
mescolor[4] = "FFFF00"
textfont = new Array()
textfont[0] = "Verdana"
textfont[1] = "Times"
textfont[2] = "Arial"
bagcolor = new Array()
bagcolor[0] = "CCCCCC"
bagcolor[1] = "Yellow"
bagcolor[2] = "CCFFFF"
bagcolor[3] = "AAEEFF"
bagcolor[4] = "CCFF88"
bagcolor[5] = "orange"
bagcolor[6] = "99AAFF"
var i_messages = 0
var timer
function randomposition(range) {
return Math.floor(range*Math.random())
}
function dotransition() {
if (document.all) {
content.filters[i_messages].apply()
content.innerHTML = "<table width=90 height=260 border=2><tr><td bgcolor="+bagcolor[randomposition(6)]+" style='color:"+mescolor[randomposition(4)]+";font-family:"+textfont[randomposition(2)]+";font-size:14px' align=center valign=middle>"+messages[i_messages]+"</td></tr></table>"
content.filters[i_messages].play()
if (i_messages >= messages.length-1) {
i_messages = 0
}
else {
i_messages++
}
}
timer = setTimeout("dotransition()",3000)
}
// - JavaScript ?- -->
</script>
<DIV id=content style="position: absolute; top:22px; left:0px; width:90px; height:260px; text-align:center; filter: revealTrans(Transition=1, Duration=3) revealTrans(Transition=2, Duration=3) revealTrans(Transition=3, Duration=2) revealTrans(Transition=4, Duration=2) revealTrans(Transition=5, Duration=1) revealTrans(Transition=6, Duration=3) revealTrans(Transition=7, Duration=2) revealTrans(Transition=8, Duration=1) revealTrans(Transition=9, Duration=3) revealTrans(Transition=10, Duration=1) revealTrans(Transition=11, Duration=2) revealTrans(Transition=12, Duration=3) revealTrans(Transition=13, Duration=1) revealTrans(Transition=14, Duration=2) revealTrans(Transition=15, Duration=3) revealTrans(Transition=16 Duration=1) revealTrans(Transition=17, Duration=2) revealTrans(Transition=18, Duration=3) revealTrans(Transition=19, Duration=1) revealTrans(Transition=20, Duration=2) revealTrans(Transition=21, Duration=3) revealTrans(Transition=22, Duration=3)"> </DIV>
<DIV id=source style="position: absolute; top22:; left:0; width:90; color: AAAAAA;text-align:center"></DIV>
<DIV id=nn style="position: absolute; top:22px; left:0x"> </DIV></td>
</td>
</tr>
</table>
</div>
<div id="item2body" style="position:absolute; left:0px; top:260; width:90; height:260; z-index:2; overflow: hidden">
<table width="90" border="0" height="100%" cellpadding="2" cellspacing="0">
<tr>
<td id="item2head" height="20" class="headtd1" onclick="showme(item2body,this)">
<div align="center">●MTV菜单●</div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://cartoonfile.163.com/source/1627/brtw1.swf" show_flash >不如跳舞</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://cartoonfile.163.com/source/13748/1017.swf">我不是天使</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://cartoonfile.163.com/source/3950/wu.swf" target=show_flash>眉飞色舞</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://cartoonfile.163.com/source/14093/74167.swf" target=show_flash>独角戏</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://cartoonfile.163.com/source/402/meteorrain.swf" target=show_flash>流星雨</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://www.hbinfo.ha.cn/flash/mtv/images/04203.swf" target=show_flash>大海-张雨生</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://www.hbinfo.ha.cn/flash/mtv/images/12313.swf" target=show_flash>网络情缘</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://www.hbinfo.ha.cn/flash/mtv/images/12103.swf" target=show_flash>忘忧草-周华健</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://music.ty.sx.cn/_private/flash/xizihupan.swf" target=show_flash>西子湖畔</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://wtmouse.myrice.com/ai.swf" target=show_flash>他不爱我</a></div>
</td>
</tr>
</table>
</div>
<div id="item3body" style="position:absolute; left:0; top:282; width:90px; height:260; z-index:3">
<table width="100%" border="0" height="100%" cellpadding="2" cellspacing="0">
<tr>
<td id="item3head" height="20" class="headtd1" onclick="showme(item3body,this)">
<div align="center">■第11-20首■</div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/10182.swf" show_flash >梦醒了</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/004152.swf">一笑而过</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/004174.swf" target=show_flash>真心英雄</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/05094.swf" target=show_flash>抱一抱</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/10153.swf" target=show_flash>神啊救救我吧</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/12133.swf" target=show_flash>没那种命</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/004261.swf" target=show_flash>无论如何</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/08153.swf" target=show_flash>想你是临睡的习惯</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/08183.swf" target=show_flash>重色轻友</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/08133.swf" target=show_flash>陌生的夜</a></div>
</td>
</tr>
</table>
</div>
<div id="item4body" style="position:absolute; left:0; top:304; width:90px; height:260; z-index:4; 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)">
<div align="center">〓第21-30首〓</div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/10123.swf" show_flash >爱一个人好难</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/10171.swf">葬心</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/10223.swf" target=show_flash>樱桃小丸子</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://cartoonfile.163.com/source/14093/74167.swf" target=show_flash>独角戏</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/12053.swf" target=show_flash>一千零两夜</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/0028.swf" target=show_flash>红楼梦</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/04132.swf" target=show_flash>未了情</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/10173.swf" target=show_flash>青春舞曲</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/10174.swf" target=show_flash>南海姑娘</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/004232.swf" target=show_flash>寻找秘籍</a></div>
</td>
</tr>
</table>
</div>
<div id="item5body" style="position:absolute; left:0; top:326; width:90px; height:260; z-index:4; overflow: hidden">
<tr>
<td id="item5head" height="20" class="headtd1" onclick="showme(item5body,this)">
<div align="center">【第31-40首】</div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/11194.swf" show_flash >水手</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/08111.swf">爱无罪</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/08081.swf" target=show_flash>三万英尺</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/0037.swf" target=show_flash>男人哭吧没有罪</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/01311.swf" target=show_flash>我不够爱你</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/0010.swf" target=show_flash>忘情水</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/08151.swf" target=show_flash>你是我传说</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/10262.swf" target=show_flash>缠绵</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/09243.swf" target=show_flash>天各一方</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/11011.swf" target=show_flash>烦恼星期天</a></div>
</td>
</tr>
</table>
</div>
<!--如果要添加一个子项目请拷贝一份下面的代码并放于后面。干什么,不要拷贝我了,是下面的//-->
<div id="item6body" style="position:absolute; left:0; top:348; width:90px; height:260; z-index:4; overflow: hidden">
<table width="100%" border="0" height="100%" cellpadding="2" cellspacing="0">
<tr>
<td id="item6head" height="20" class="headtd1" onclick="showme(item6body,this)">
<div align="center">〖第41-50首〗</div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/05211.swf" show_flash >风往北吹</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/006033.swf">冰点柔情</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/12071.swf" target=show_flash>五月雪</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/004103.swf" target=show_flash>下沙</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/04211.swf" target=show_flash>落单的候鸟</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href=http://flash.qbol.net/mtv/images/02281.swf target=show_flash>愚人码头</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/0034.swf" target=show_flash>信仰</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/10111.swf" target=show_flash>不会让你后悔</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/04106.swf" target=show_flash>找一个字代替</a></div>
</td>
</tr>
<tr>
<td class="bodytd">
<div align="center"><a href="http://flash.qbol.net/mtv/images/08291.swf" target=show_flash>我是一只小小鸟</a></div>
</td>
</tr>
</table>
</div>
<!--哎哎,别往下拷贝了,到我得上面为止了,拷贝到代码放到我后面吧
哦,对了别忘了改几个id呀,div的id,td的id,还有onclick事件中的对象id
id的规则是div中item+数字+body。td中item+数字+head
还有div的style中的top值呀,是多少,上面这个div的top加上22就是了
别忘了按照body下的提示改改mainboard的height呀。还有给教本中的objcount数量改为你现在项目的个数
别傻了,快点行动吧,要不赶不上饭点了//-->
</div>
</body></html> 以上都是我的马甲,把分数都给 zhjzh_zjz就行了!就此!建议你还是用我写的那个,短小精悍,还挺好是的,别人曾经要1000块钱买过去呢,呵呵,当然修改最后的结果在单位里面,就是那个值1000块钱的。使用中有什么问题,清来信告诉我:[email protected]