Tip: you can modify some code before running
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Description</title></head><body> <style type="text/css">DIV. clTopMenu {position: absolute; width: 101; height: 150; clip: rect (0,101,); visibility: hidden; z-index: 31; layer-background-color: # EEEEEE; background-color: #00 CCFF} DIV. clTopMenuBottom {position: absolute; width: 101; height: 3; clip: rect (0,101,); 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 coshould give us. ** Made by Thomas Brattli ********************************** **************************************** * *****/function lib_bwcheck () {// Browsercheck (needed) this. ver = navigator. appVersionthis. agent = navigator. userAgentthis. dom = document. getElementById? 1: 0this. opera5 = this. agent. indexOf ("Opera 5")>-1this. 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. ie6this. mac = this. agent. indexOf ("Mac")>-1this. 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 oranything do that in the style tag above. this menu might not be as easy to adapt to your own site, but pleaseplay around It before you mail me for help... **************************************** ************************************//** **************************************** * ******************************** Variables to set. **************************************** *********************************** // There are 2 ways these menus can be placed // 0 = column // 1 = rownPlace = 0 // How many menus do you have? (Remember to copy and add divs in the body if you add menus) var nNumberOfMenus = 2 // modify The display position of the layer var nMwidth = 101 // the width on the menus (set The width in the stylesheet as well) var nPxbetween = 20 // Pixels between the menusvar nFromleft = 10 // The first menus left positionvar nFromtop = 20 // The top position of the menusvar nBgcolor = '# CECFCE' // bgColor of the bottom mouseover div var nBgcolorchangeto = '# 6380BC '// The bgColor to change tovar nImageheight = 11 // The position the mouseover line div will stop at when going up! /*************************************** * *********************************** You shouldn't have to change anything below this ********************************** **************************************** ** // Object constructorfunction 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.doc ument. height: this. evnt. offsetHeightthis. 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 methodsfunction 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; e Lse this.css. bgColor = color} function B _clipto(t,r, B ,l1_if( B %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. A 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 objectsfunction newsMenuInit(){oTopMenu=new Array()zindex=10for(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 menufunction 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 onmouseoverfunction menuOver(num){oTopMenu[num][1].bgChange(nBgcolorchangeto)}function menuOut(num){oTopMenu[num][1].bgChange(nBgcolor)}//Calls the init function onloadonload=newsMenuInit;</script><div id="divTopMenu0" class="clTopMenu" align="center" >About this site<div id="divTopMenuText0" class="clTopMenuText">This website serves a wide range of web designers. The website collects a large number of webpage materials, JSP programming, graphic special effects, JavaST special effects, and the use of web page preparation tools.<font size="2"><font color="#000000">.</font></font></div> <div id="divTopMenuBottom0" class="clTopMenuBottom" ></div></div><div id="divTopMenu1" class="clTopMenu" align="center" >Webpage special effects<div id="divTopMenuText1" class="clTopMenuText">This page selects hundreds of practical webpage effects from thousands of webpage effects and provides rigorous tests and detailed descriptions. If you have any questions, please send us a letter.<br> </div> <div id="divTopMenuBottom1" class="clTopMenuBottom"></div></div></body></html>
Tip: you can modify some code before running
