<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html><head><title>卷帘一样的文字显示效果，为你的网页增加不少生色哦！</title>
<style>.a1 {
color: #000080; font-family: ms sans-serif; text-decoration: none
}
.a1:hover {
cursor: hand; color: #ff2200; font-family: ms sans-serif; text-decoration: none
}
.a2 {
color: #000080; font-family: ms sans-serif; text-decoration: none
}
.a2:hover {
cursor: hand; color: #ff2200; font-family: ms sans-serif; text-decoration: underline
}
div.cltopmenu {
z-index: 31; visibility: hidden; width: 80px; clip: rect(0px 80px 14px 0px); position: absolute; height: 150px; background-color: #eeeeee; layer-background-color: #eeeeee
}
div.cltopmenubottom {
z-index: 2; width: 80px; clip: rect(0px 80px 3px 0px); position: absolute; top: 21px; height: 3px; background-color: #cecfce; layer-background-color: #cecfce
}
div.cltopmenutext {
font-size: 11px; z-index: 1; left: 5px; width: 80px; font-family: arial,helvetica; position: absolute; top: 21px; background-color: #eeeeee
}
</style>
<script>
/********************************************************************************
copyright (c) 1999 thomas brattli
this script is made by and copyrighted to thomas brattli at www.bratta.com
********************************************************************************
browsercheck:*/
ie=document.all?1:0
n=document.layers?1:0
//how many menus do you have? (remember to copy and add divs in the body if you add menus)
var numberofmenus=1
//the width on the menus (set the width in the stylesheet as well)
var mwidth=90
//pixels between the menus
var pxbetween=10
//the first menus left position
var fromleft=120
//the top position of the menus
var fromtop=300
//the bgcolor of the bottom mouseover div
var bgcolor='#cecfce'
//the bgcolor to change to
var bgcolorchangeto='#6380bc'
//the position the mouseover line div will stop at when going up!
var imageheight=21
/***************************************************************************
do not change anything below this line!
****************************************************************************/
//object constructor
function makenewsmenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')
this.scrollheight=n?this.css.document.height:eval('document.all.'+obj+'.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(ie) this.css.backgroundcolor=color; else this.css.bgcolor=color}
function b_clipto(t,r,b,l){
if(n){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()
for(i=0;i<=numberofmenus;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,imageheight)
otopmenu[i][0].clipto(0,mwidth,imageheight+3,0)
otopmenu[i][0].moveit(i*mwidth+fromleft+(i*pxbetween),fromtop)
otopmenu[i][0].css.visibility="visible"
}
}
//moves the menu
function topmenu(num){
