107、左上侧固定导航条

107、左上侧固定导航条

脚本说明:

把如下代码加入<body>区域中

<SCRIPT language=JavaScript>

<!--

function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

 

function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

 

function MM_findObj(n, d) { //v3.0

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;

}

 

function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

 

function MM_showHideLayers() { //v3.0

  var i,p,v,obj,args=MM_showHideLayers.arguments;

  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];

    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }

    obj.visibility=v; }

}

 

function MM_openBrWindow(theURL,winName,features) { //v2.0

  window.open(theURL,winName,features);

}

//-->

</SCRIPT>

 

<DIV class=tab2 id=floater

style="Z-INDEX: 1; LEFT: 2px; WIDTH: 43px; POSITION: absolute; TOP: 4px; HEIGHT: 277px">

       <IMG

height=51 src="sto/butterfly.gif" width=72 useMap=#Map2 border=0>

<DIV id=Layer1

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 108px; POSITION: absolute; TOP: 9px; HEIGHT: 67px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>介绍虚拟现实的各种相关资源……</TD></TR></TBODY></TABLE></DIV><MAP name=Map2><AREA

  onmouseover="MM_showHideLayers('Layer5','','show')"

  onmouseout="MM_showHideLayers('Layer5','','hide')" shape=RECT target=_blank

  coords=2,9,16,85 href="#"><AREA

  onmouseover="MM_showHideLayers('Layer1','','show')"

  onmouseout="MM_showHideLayers('Layer1','','hide')" shape=RECT target=_self

  coords=20,10,35,64 href="#"><AREA

  onmouseover="MM_showHideLayers('Layer2','','show')"

  onmouseout="MM_showHideLayers('Layer2','','hide')" shape=RECT target=_self

  coords=21,70,35,127

  href="#"><AREA

  onmouseover="MM_showHideLayers('Layer6','','show')"

  onmouseout="MM_showHideLayers('Layer6','','hide')" shape=RECT target=_self

  coords=2,95,16,153 href="#"><AREA

  onmouseover="MM_showHideLayers('Layer7','','show')"

  onmouseout="MM_showHideLayers('Layer7','','hide')" shape=RECT target=_self

  coords=2,159,16,218 href="#"><AREA

  onmouseover="MM_showHideLayers('Layer3','','show')"

  onmouseout="MM_showHideLayers('Layer3','','hide')" shape=RECT target=_self

  coords=21,138,35,196 href="#"><AREA

  onmouseover="MM_showHideLayers('Layer8','','show')"

  onmouseout="MM_showHideLayers('Layer8','','hide')" shape=RECT target=_self

  coords=3,224,15,284 href="#"><AREA

  onmouseover="MM_showHideLayers('Layer4','','show')"

  onmouseout="MM_showHideLayers('Layer4','','hide')" shape=RECT target=_self

  coords=20,203,33,260 href="#"></MAP>

<DIV id=Layer2

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 105px; POSITION: absolute; TOP: 67px; HEIGHT: 73px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>展示VRML的各类应用,有许多精彩的实例……</TD></TR></TBODY></TABLE></DIV>

<DIV id=Layer3

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 108px; POSITION: absolute; TOP: 133px; HEIGHT: 64px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>有许多高手写的文章,<FONT color=#cc0033>还有教程</FONT>……</TD></TR></TBODY></TABLE></DIV>

<DIV id=Layer4

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 108px; POSITION: absolute; TOP: 198px; HEIGHT: 61px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>国外的新动态、国内的新进展…… </TD></TR></TBODY></TABLE></DIV>

<DIV id=Layer5

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 98px; POSITION: absolute; TOP: 7px; HEIGHT: 84px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>我们的研究,我们的作品,都是原创作品,欢迎交流……</TD></TR></TBODY></TABLE></DIV>

<DIV id=Layer6

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 97px; POSITION: absolute; TOP: 84px; HEIGHT: 74px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>公司联系方法,我们的成员,请您留言……</TD></TR></TBODY></TABLE></DIV>

<DIV id=Layer7

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 108px; POSITION: absolute; TOP: 154px; HEIGHT: 62px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>我们的虚拟现实未来的应用方案,我们能为您提供的服务……</TD></TR></TBODY></TABLE></DIV>

<DIV id=Layer8

style="Z-INDEX: 2; LEFT: 47px; VISIBILITY: hidden; WIDTH: 108px; POSITION: absolute; TOP: 221px; HEIGHT: 68px">

<TABLE height="100%" cellSpacing=0 borderColorDark=#990000 cellPadding=4

width="100%" bgColor=#ffffff borderColorLight=#990000 border=1>

  <TBODY>

  <TR>

    <TD>我们的伙伴,我们的朋友,我们的客户……</TD></TR></TBODY></TABLE></DIV></DIV>

<SCRIPT language=JavaScript><!--

self.onError=null;

currentX = currentY = 0; 

whichIt = null;          

lastScrollX = 0; lastScrollY = 0;

NS = (document.layers) ? 1 : 0;

IE = (document.all) ? 1: 0;

function heartBeat() {

       if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }

       if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }

       if(diffY != lastScrollY) {

       percent = .1 * (diffY - lastScrollY);

       if(percent > 0)

              percent = Math.ceil(percent);

       else

              percent = Math.floor(percent);

       if(IE) document.all.floater.style.pixelTop += percent;

       if(NS) document.floater.top += percent;

       lastScrollY = lastScrollY + percent;

}

       if(diffX != lastScrollX) {

              percent = .1 * (diffX - lastScrollX);

              if(percent > 0)

                     percent = Math.ceil(percent);

              else

                     percent = Math.floor(percent);

              if(IE) document.all.floater.style.pixelLeft += percent;

              if(NS) document.floater.left += percent;

              lastScrollX = lastScrollX + percent;

       }    

}

action = window.setInterval("heartBeat()",1);

//-->

</SCRIPT>

 

 

Write a comment

Comments: 1
  • #1

    QQ表情 (Monday, 21 September 2009 16:05)

    到此一游