ITPub博客
首页 博客 专栏 学院 社区 IT新媒体评选
发博

首页 > IT职业 > IT图书 > 可以展开和折叠的文字说明

可以展开和折叠的文字说明

翻译 IT图书 作者：chunzhisu 时间：2014-11-12 11:10:03 0 删除 编辑

点击(此处)折叠或打开

  1. <html>
  2.     <head>
  3.     <meta http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\">
  4.     <title>可以展开和折叠的文字说明丨石家庄展柜-瑜伽馆</title>
  5.     </head>
  6.     <body>
  7.     <style type=\"text/css\">
  8.     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}
  9.     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}
  10.     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}
  11.     a:link { color: #000000; text-decoration: none}
  12.     </style>
  13.     <script language=\"JavaScript\" type=\"text/javascript\">
  14.     /**********************************************************************************
  15.     NewsMenu
  16.     * Copyright (C) 2001 Thomas Brattli
  17.     * This script was released at DHTMLCentral.com
  18.     * Visit for more great scripts!
  19.     * This may be used and changed freely as long as this msg is intact!
  20.     * We will also appreciate any links you could give us.
  21.     *
  22.     * Made by Thomas Brattli
  23.     *********************************************************************************/
  24.     function lib_bwcheck(){ //Browsercheck (needed)
  25.     this.ver=navigator.appVersion
  26.     this.agent=navigator.userAgent
  27.     this.dom=document.getElementById?1:0
  28.     this.opera5=this.agent.indexOf(\"Opera 5\")>-1
  29.     this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom && !this.opera5)?1:0;
  30.     this.ie6=(this.ver.indexOf(\"MSIE 6\")>-1 && this.dom && !this.opera5)?1:0;
  31.     this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
  32.     this.ie=this.ie4||this.ie5||this.ie6
  33.     this.mac=this.agent.indexOf(\"Mac\")>-1
  34.     this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
  35.     this.ns4=(document.layers && !this.dom)?1:0;
  36.     this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
  37.     return this
  38.     }
  39.     var bw=new lib_bwcheck()
  40.     /********************************************************************************
  41.     If you want to change the appearens on the text, background-colors, size or
  42.     anything do that in the style tag above.
  43.     This menu might not be as easy to adapt to your own site, but please
  44.     play around with it before you mail me for help...
  45.     ****************************************************************************/
  46.     /***************************************************************************
  47.     Variables to set.
  48.     ****************************************************************************/
  49.     //There are 2 ways these menus can be placed
  50.     // 0 = column
  51.     // 1 = row
  52.     nPlace=0
  53.     //How many menus do you have? (remember to copy and add divs in the body if you add menus)
  54.     var nNumberOfMenus=2
  55.     //修改图层的显示位置
  56.     var nMwidth=101 //The width on the menus (set the width in the stylesheet as well)
  57.     var nPxbetween=20 //Pixels between the menus
  58.     var nFromleft=10 //The first menus left position
  59.     var nFromtop=20 //The top position of the menus
  60.     var nBgcolor=\'#CECFCE\' //The bgColor of the bottom mouseover div
  61.     var nBgcolorchangeto=\'#6380BC\' //The bgColor to change to
  62.     var nImageheight=11 //The position the mouseover line div will stop at when going up!
  63.     /***************************************************************************
  64.     You shouldn\'t have to change anything below this
  65.     ****************************************************************************/
  66.     //Object constructor
  67.     function makeNewsMenu(obj,nest){
  68.     nest=(!nest) ? \"\":\'document.\'+nest+\'.\'
  69.     this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+\"document.layers.\" +obj):0;
  70.     this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+\"document.layers.\" +obj):0;
  71.     this.scrollHeight=bw.ns4?this.css.document.height:this.evnt.offsetHeight
  72.     this.moveIt=b_moveIt;this.bgChange=b_bgChange;
  73.     this.slideUp=b_slideUp; this.slideDown=b_slideDown;
  74.     this.clipTo=b_clipTo;
  75.     this.obj = obj + \"Object\"; eval(this.obj + \"=this\")
  76.     }
  77.     //Objects methods
  78.     function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
  79.     function b_bgChange(color){if(bw.dom || bw.ie4) this.css.backgroundColor=color; else this.css.bgColor=color}
  80.     function b_clipTo(t,r,b,l){
  81.     if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l
  82.     }else this.css.clip=\"rect(\"+t+\",\"+r+\",\"+b+\",\"+l+\")\";
  83.     }
  84.     function b_slideUp(ystop,moveby,speed,fn,wh){
  85.     if(!this.slideactive){
  86.     if(this.y>ystop){
  87.     this.moveIt(this.x,this.y-5); eval(wh)
  88.     setTimeout(this.obj+\".slideUp(\"+ystop+\",\"+moveby+\",\"+speed+\",\'\"+fn+\"\',\'\"+wh+\"\')\",speed)
  89.     }else{
  90.     this.slideactive=false; this.moveIt(0,ystop); eval(fn)
  91.     }
  92.     }
  93.     }
  94.     function b_slideDown(ystop,moveby,speed,fn,wh){
  95.     if(!this.slideactive){
  96.     if(this.y
  97.     this.moveIt(this.x,this.y+5); eval(wh)
  98.     setTimeout(this.obj+\".slideDown(\"+ystop+\",\"+moveby+\",\"+speed+\",\'\"+fn+\"\',\'\"+wh+\"\')\",speed)
  99.     }else{
  100.     this.slideactive=false; this.moveIt(0,ystop); eval(fn)
  101.     }
  102.     }
  103.     }
  104.     //Initiating the page, making cross-browser objects
  105.     function newsMenuInit(){
  106.     oTopMenu=new Array()
  107.     zindex=10
  108.     for(i=0;i<=nNumberOfMenus;i++){
  109.     oTopMenu[i]=new Array()
  110.     oTopMenu[i][0]=new makeNewsMenu(\'divTopMenu\'+i)
  111.     oTopMenu[i][1]=new makeNewsMenu(\'divTopMenuBottom\'+i,\'divTopMenu\'+i)
  112.     oTopMenu[i][2]=new makeNewsMenu(\'divTopMenuText\'+i,\'divTopMenu\'+i)
  113.     oTopMenu[i][1].moveIt(0,nImageheight)
  114.     oTopMenu[i][0].clipTo(0,nMwidth,nImageheight+3,0)
  115.     if(!nPlace) oTopMenu[i][0].moveIt(i*nMwidth+nFromleft+(i*nPxbetween),nFromtop)
  116.     else{
  117.     oTopMenu[i][0].moveIt(nFromleft,i*nImageheight+nFromtop+(i*nPxbetween))
  118.     oTopMenu[i][0].css.zIndex=zindex--
  119.     }
  120.     oTopMenu[i][0].css.visibility=\"visible\"
  121.     }
  122.     }
  123.     //Moves the menu
  124.     function topMenu(num){
  125.     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)\')
  126.     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)\

来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/29737856/viewspace-1329467/ ，如需转载，请注明出处，否则将追究法律责任。

0
0
上一篇： Jquery+CSS制作的感应鼠标滑出的下拉菜单
下一篇： 怎样使图片半透明
请登录后发表评论 登录
全部评论
chunzhisu

注册时间：2014-07-04

  • 博文量
    95
  • 访问量
    122213

最新文章

支持我们 作者招募 用户协议 FAQ Contact Us

北京盛拓优讯信息技术有限公司. 版权所有  京ICP备16024965号-8 北京市公安局海淀分局网监中心备案编号：11010802021510 niuxiaotong@pcpop.com 17352615567 未成年人举报专区

广播电视节目制作经营许可证(京) 字第1234号 中国互联网协会会员

违法和不良信息举报电话:18101376593