看看我写的.和这里样式差不多.不过一样好用哟.滑动时还有音乐.用的qq的音乐

发表于:2007-06-30来源:作者:点击数: 标签:
HTMLHEADTITLE蓝蝶小秘/TITLE META content=text/html; charset=gb2312 http-equiv=Content-Type LINK href=style.css rel=stylesheet type=text/css STYLE .navPoint { COLOR: white; CURSOR: hand; FONT-FA MI LY: Webdings; FONT-SIZE: 9pt } P { FONT-SIZ
<HTML><HEAD><TITLE>蓝蝶小秘</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<LINK href="style.css" rel=stylesheet type=text/css>
<STYLE>
.navPoint {
    COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt
}
P {
    FONT-SIZE: 9pt
}
.smallFont {
    FONT-FAMILY: "宋体"; FONT-SIZE: 10.5pt; TEXT-DECORATION: none
}
</STYLE>
<SCRIPT language=javascript>
var theNewId=0;
var theOldId=0;
var isMoving=false;
var upHei=0;
function MoveBar(newBarId)
{
if (isMoving)return;
if (newBarId==theOldId)return;
theNewId=newBarId;
try{
var tmpOld=document.all("BarShow"+theOldId);
var tmpNew=document.all("BarShow"+theNewId);
document.all("BarCT"+theOldId).style.display="none";
//document.all("BarCT"+theNewId).style.overflow="auto";
}
catch(e){
alert("Wrong");return;}
//bgss.play();
isMoving=true;
Moving();
}
function Moving()
{
upHei+=9;
document.all("BarShow"+theNewId).style.height=upHei+"%";
document.all("BarShow"+theOldId).style.height=(100-upHei)+"%";
if (upHei>=91)
{ upHei=0;
   document.all("BarShow"+theNewId).style.height="100%";
   document.all("BarShow"+theOldId).style.height="0%";
   document.all("BarCT"+theNewId).style.display="";
   document.all("BarCT"+theNewId).style.overflow="auto";
   theOldId=theNewId;
   isMoving=false;
}
else {setTimeout("Moving()",10);}  
}
var F5flag=false;
function F5true(vl)
{if (vl==116) F5flag=true;}
function trueClose()
{if (F5flag)return;
var Flag;
Flag=window.confirm("你确定要关闭蓝精灵...网络小秘吗?");
if (!Flag){window.open(location.href,"","toolbar=no,width=140,height=500,top=20")}
}
var BarbgImg1=new Image();
BarbgImg1.src="images/middle.gif";
var BarbgImg2=new Image();
BarbgImg2.src="images/middleh.gif";

function RemoveImg(itImg,rpSrc)
{
itImg.background=rpSrc.src;
}
function retrue()
{return true;}
</script>
</HEAD>
<BODY bgColor=#003366 leftMargin=0 scroll=no topMargin=0 marginheight="0" marginwidth="0"  onkeydown="F5true(event.keyCode)">

<TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%">
  <TBODY>
  <TR>
    <TD width="100%">
      <TABLE align=center bgColor=#003366 border=0 cellPadding=0 cellSpacing=0
      id=mnuList style="HEIGHT: 100%; WIDTH: 140px">
        <TBODY>
        <TR>
          <TD bgColor=#ffffff vAlign=bottom width="42%"><FONT
            color=#000000> <font color=blue>蓝精灵</font></FONT></TD>
          <TD bgColor=#005d99 width="58%"><IMG height=17
            src="images/triangle.gif" width=16></TD></TR>
        <TR bgColor=#003366>
          <TD align=right colSpan=2 ><IMG height=4 src="images/blank.gif"
            width=10></TD></TR>
        <TR>
          <TD align=middle bgColor=#005d99 colSpan=2 id=outLookBarShow
          style="HEIGHT: 100%" vAlign=top name="outLookBarShow"><!--include file="js/myFavorites.asp"-->
<!--测试滑动的面板  开始-->
<TABLE align=center bgColor=#003366 border=0 cellPadding=0 cellSpacing=0
        style="HEIGHT: 100%; WIDTH:100%">

<tr>
    <td name=BarTitle0 id=BarTitle0 onclick="MoveBar(0)" onmouseover="RemoveImg(this,BarbgImg2)" onmouseout="RemoveImg(this,BarbgImg1)" nowrap align=center style="cursor:hand;background-color:#clearcase/" target="_blank" >cccc99;color:black;height:20;border:1 none navy;" valign="middle" background="images/middle.gif">
    我的收藏夹
    </TD></TR>
<TR>
   <TD align=middle bgColor=#005d99 colSpan=2 id=BarShow0  style="HEIGHT: 100%" vAlign=top name="BarShow0">
   <div id=BarCT0 style=@#overflow:auto;width:100%;height:100%;display:@#>0<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
   </TD></TR>

<tr>
    <td name=BarTitle1 id=BarTitle1 nowrap  onclick="MoveBar(1)" onmouseover="RemoveImg(this,BarbgImg2)" onmouseout="RemoveImg(this,BarbgImg1)" align=center style="cursor:hand;background-color:#cccc99;color:black;height:20;border:1 none navy" background="images/middle.gif">
    我的地址本
    </TD></TR>
<TR>
   <TD align=middle bgColor=#005d99 colSpan=2 id=BarShow1 name="BarShow1" style="HEIGHT:0%" vAlign=top >
   <div id=BarCT1 style=@#overflow:hidden;width:100%;height:100%;display:none@#>
  ddd </div>
   </TD></tr>

<tr>
    <td name=BarTitle2 id=BarTitle2 nowrap onclick="MoveBar(2)" onmouseover="RemoveImg(this,BarbgImg2)" onmouseout="RemoveImg(this,BarbgImg1)" align=center style="cursor:hand;background-color:#cccc99;color:black;height:20;border:1 none navy" background="images/middle.gif">
    我的日记
    </TD></TR>
<TR>
   <TD align=middle bgColor=#005d99 colSpan=2 id=BarShow2 name="BarShow2" style="HEIGHT:%" vAlign=top >
   <div id=BarCT2 style=@#overflow:hidden;width:100%;height:100%;display:none@#>111<br><br><br><br><br><br><br><br><br><br><br><br></div>
   </TD></tr>
<tr>
    <td name=BarTitle3 id=BarTitle3 nowrap onclick="MoveBar(3)" onmouseover="RemoveImg(this,BarbgImg2)" onmouseout="RemoveImg(this,BarbgImg1)" align=center style="cursor:hand;background-color:#cccc99;color:black;height:20;border:1 none navy" background="images/middle.gif">
    关于蓝蝶
    </TD></TR>
<TR>
   <TD align=middle bgColor=#005d99 colSpan=2 id=BarShow3 name="BarShow3" style="HEIGHT:%" vAlign=top >
   <div id=BarCT3 style=@#overflow:hidden;width:100%;height:100%;display:none@#>111<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
   </TD></tr>
</Table>
<!--测试滑动的面板  结束-->

          </TD></TR>
  <TR>
          <TD align=middle class=black12 colSpan=2 noWrap><A
            href="bbs/info/personal.asp"
            target=BoardMain><IMG alt=个人设定 border=0 height=13 hspace=5
            src="images/bt_enactment.gif" width=16></A><A
            href="user/signup.asp" target=_blank><IMG
            alt=新手注册 border=0 height=13 hspace=5
            src="images/bt_newperson.gif" width=16></A><A
            href="help.asp" target=_blank><IMG
            alt=社区帮助 border=0 height=13 hspace=5 src="images/bt_ques.gif"
            width=16></A><A href="default.asp"
            target=_top><IMG alt=返回社区首页 border=0 height=13 hspace=5
            src="images/bt_home.gif" width=16></A><A
            href="javascript:void(0)" onclick=javascript:doQuit()><IMG alt=退出社区
            border=0 height=13 hspace=5 src="images/bt_exit.gif"
            width=16></A></TD></TR>
        <TR>
          <TD colSpan=2><IMG height=1
            src="menu.files\blank(1).gif"
            width=1></TD></TR>    
</TBODY></TABLE></TD>
    </TR></TBODY></TABLE>
    <iframe width=0 height=0 id=unload name=unload src="unload.htm"></iframe>
  <embed src="folder.wav" loop=false autostart=false name=bgss width="0" height=0>
      </BODY></HTML>

原文转自:http://www.ltesting.net