21、可以开合的文字说明

21、可以开合的文字说明

<html>

 

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>网页特效---可以开合的文字说明</title>

</head>

 

<body>

 

<style type="text/css">

DIV.clTopMenu{position:absolute; width:101; height:150; clip:rect(0,101,14,0); visibility:hidden; z-index:31; layer-background-color:#EEEEEE; background-color:#00CCFF}

DIV.clTopMenuBottom{position:absolute; width:101; height:3; clip:rect(0,101,3,0); top:11; layer-background-color:#CECFCE; background-color:#000099; z-index:2}

DIV.clTopMenuText{position:absolute; width:91; left:5; top:15; font-family:"Arial", "Helvetica", "sans-serif"; font-size:9pt; background-color:#EEEEEE; z-index:1; color: #000000}

 

a:link {  color: #000000; text-decoration: none}

</style>

<script language="JavaScript" type="text/javascript">

/**********************************************************************************  

NewsMenu

*   Copyright (C) 2001 Thomas Brattli

*   This script was released at DHTMLCentral.com

*   Visit for more great scripts!

*   This may be used and changed freely as long as this msg is intact!

*   We will also appreciate any links you could give us.

*

*   Made by Thomas Brattli

*********************************************************************************/

 

function lib_bwcheck(){ //Browsercheck (needed)

       this.ver=navigator.appVersion

       this.agent=navigator.userAgent

       this.dom=document.getElementById?1:0

       this.opera5=this.agent.indexOf("Opera 5")>-1

       this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;

       this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;

       this.ie4=(document.all && !this.dom && !this.opera5)?1:0;

       this.ie=this.ie4||this.ie5||this.ie6

       this.mac=this.agent.indexOf("Mac")>-1

       this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;

       this.ns4=(document.layers && !this.dom)?1:0;

       this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)

       return this

}

var bw=new lib_bwcheck()

 

 

/********************************************************************************

If you want to change the appearens on the text, background-colors, size or

anything do that in the style tag above.

 

This menu might not be as easy to adapt to your own site, but please

play around with it before you mail me for help...

****************************************************************************/

 

/***************************************************************************

Variables to set.

****************************************************************************/

 

//There are 2 ways these menus can be placed

// 0 = column

// 1 = row

nPlace=0

 

 

//How many menus do you have? (remember to copy and add divs in the body if you add menus)

var nNumberOfMenus=2

//修改图层的显示位置

var nMwidth=101 //The width on the menus (set the width in the stylesheet as well)

var nPxbetween=20 //Pixels between the menus

var nFromleft=10 //The first menus left position

var nFromtop=20 //The top position of the menus

var nBgcolor='#CECFCE' //The bgColor of the bottom mouseover div

var nBgcolorchangeto='#6380BC' //The bgColor to change to

var nImageheight=11 //The position the mouseover line div will stop at when going up!

 

/***************************************************************************

You shouldn't have to change anything below this

****************************************************************************/

//Object constructor

function makeNewsMenu(obj,nest){

       nest=(!nest) ? "":'document.'+nest+'.'                                

     this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;         

       this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0;                    

       this.scrollHeight=bw.ns4?this.css.document.height:this.evnt.offsetHeight

       this.moveIt=b_moveIt;this.bgChange=b_bgChange;

       this.slideUp=b_slideUp; this.slideDown=b_slideDown;

       this.clipTo=b_clipTo;

    this.obj = obj + "Object";     eval(this.obj + "=this")        

}

//Objects methods

function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}

function b_bgChange(color){if(bw.dom || bw.ie4) this.css.backgroundColor=color; else this.css.bgColor=color}

function b_clipTo(t,r,b,l){

       if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l

       }else this.css.clip="rect("+t+","+r+","+b+","+l+")";

}

function b_slideUp(ystop,moveby,speed,fn,wh){

       if(!this.slideactive){

              if(this.y>ystop){

                     this.moveIt(this.x,this.y-5); eval(wh)

                     setTimeout(this.obj+".slideUp("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)

              }else{

                     this.slideactive=false; this.moveIt(0,ystop); eval(fn)

              }

       }

}

function b_slideDown(ystop,moveby,speed,fn,wh){

       if(!this.slideactive){

              if(this.y<ystop){

                     this.moveIt(this.x,this.y+5); eval(wh)

                     setTimeout(this.obj+".slideDown("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)

              }else{

                     this.slideactive=false; this.moveIt(0,ystop); eval(fn)

              }

       }

}

//Initiating the page, making cross-browser objects

function newsMenuInit(){

       oTopMenu=new Array()

       zindex=10

       for(i=0;i<=nNumberOfMenus;i++){

              oTopMenu[i]=new Array()

              oTopMenu[i][0]=new makeNewsMenu('divTopMenu'+i)

              oTopMenu[i][1]=new makeNewsMenu('divTopMenuBottom'+i,'divTopMenu'+i)

              oTopMenu[i][2]=new makeNewsMenu('divTopMenuText'+i,'divTopMenu'+i)

              oTopMenu[i][1].moveIt(0,nImageheight)

              oTopMenu[i][0].clipTo(0,nMwidth,nImageheight+3,0)

              if(!nPlace) oTopMenu[i][0].moveIt(i*nMwidth+nFromleft+(i*nPxbetween),nFromtop)

              else{

                     oTopMenu[i][0].moveIt(nFromleft,i*nImageheight+nFromtop+(i*nPxbetween))

                     oTopMenu[i][0].css.zIndex=zindex--

              }

              oTopMenu[i][0].css.visibility="visible"

       }

}

//Moves the menu

function topMenu(num){

       if(oTopMenu[num][1].y==nImageheight) oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,'oTopMenu['+num+'][0].clipTo(0,nMwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,nMwidth,oTopMenu['+num+'][1].y+3,0)')

       else if(oTopMenu[num][1].y==oTopMenu[num][2].scrollHeight+20) oTopMenu[num][1].slideUp(nImageheight,10,40,'oTopMenu['+num+'][0].clipTo(0,nMwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,nMwidth,oTopMenu['+num+'][1].y+3,0)')

}

//Changes background onmouseover

function menuOver(num){oTopMenu[num][1].bgChange(nBgcolorchangeto)}

function menuOut(num){oTopMenu[num][1].bgChange(nBgcolor)}

 

//Calls the init function onload

onload=newsMenuInit;

</script>

 

<div id="divTopMenu0" class="clTopMenu" align="center" style="height: 170; left: 20; top: 20"><span class="css3"><a href="#" onMouseOver="menuOver(0)" onMouseOut="menuOut(0)" onClick="topMenu(0); if(bw.dom || bw.ie4)this.blur(); return false">关于本站</a>

  </span>

  <div id="divTopMenuText0" class="clTopMenuText"> <span class="css3">  本网站是为广大的网页设计者服务的网站。网站收集了大量的网页素材、JSP编程、图形特效、JavaST特效和网页制作工具的使用方法。</span><font size="2"><font color="#000000"></font></font></div>

  <div id="divTopMenuBottom0" class="clTopMenuBottom" style="top: 11; height: 10"></div>

</div>

<div id="divTopMenu1" class="clTopMenu" align="center" style="height: 190; left: 131; top: 20"><span class="css3"><a href="#" onMouseOver="menuOver(1)" onMouseOut="menuOut(1)" onClick="topMenu(1); if(bw.dom || bw.ie4)this.blur(); return false">网页特效</a>

  </span>

  <div id="divTopMenuText1" class="clTopMenuText">

    本页从上千个网页特效中精选出几百个实用的网页特效并做了严格的测试和详细的说明。如果你在使用中有什么问题,请来信告诉我们。

    <br>

  </div>

  <div id="divTopMenuBottom1" class="clTopMenuBottom"></div>

</div>

</body>

 

</html>

 

Write a comment

Comments: 0