120、透明的可移动层

120、透明的可移动层

脚本说明:

把如下代码加入<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) { //v4.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);

  if(!x && document.getElementById) x=document.getElementById(n); 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];}

}

//-->

</SCRIPT>

 

 

 

<SCRIPT language=JavaScript>

<!--

<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

// -->

 

function MM_dragLayer(objName,x,hL,hT,hW,hH,toFront,dropBack,cU,cD,cL,cR,targL,targT,tol,dropJS,et,dragJS) { //v3.0

  //Copyright 1998 Macromedia, Inc. All rights reserved.

  var i,j,aLayer,retVal,curDrag=null,NS=(navigator.appName=='Netscape'), curLeft, curTop;

  if (!document.all && !document.layers) return false;

  retVal = true; if(!NS && event) event.returnValue = true;

  if (MM_dragLayer.arguments.length > 1) {

    curDrag = MM_findObj(objName); if (!curDrag) return false;

    if (!document.allLayers) { document.allLayers = new Array();

      with (document) if (NS) { for (i=0; i<layers.length; i++) allLayers[i]=layers[i];

        for (i=0; i<allLayers.length; i++) if (allLayers[i].document && allLayers[i].document.layers)

          with (allLayers[i].document) for (j=0; j<layers.length; j++) allLayers[allLayers.length]=layers[j];

      } else for (i=0;i<all.length;i++) if (all[i].style&&all[i].style.position) allLayers[allLayers.length]=all[i];}

    curDrag.MM_dragOk=true; curDrag.MM_targL=targL; curDrag.MM_targT=targT;

    curDrag.MM_tol=Math.pow(tol,2); curDrag.MM_hLeft=hL; curDrag.MM_hTop=hT;

    curDrag.MM_hWidth=hW; curDrag.MM_hHeight=hH; curDrag.MM_toFront=toFront;

    curDrag.MM_dropBack=dropBack; curDrag.MM_dropJS=dropJS;

    curDrag.MM_everyTime=et; curDrag.MM_dragJS=dragJS;

    curDrag.MM_oldZ = (NS)?curDrag.zIndex:curDrag.style.zIndex;

    curLeft= (NS)?curDrag.left:curDrag.style.pixelLeft; curDrag.MM_startL = curLeft;

    curTop = (NS)?curDrag.top:curDrag.style.pixelTop; curDrag.MM_startT = curTop;

    curDrag.MM_bL=(cL<0)?null:curLeft-cL; curDrag.MM_bT=(cU<0)?null:curTop -cU;

    curDrag.MM_bR=(cR<0)?null:curLeft+cR; curDrag.MM_bB=(cD<0)?null:curTop +cD;

    curDrag.MM_LEFTRIGHT=0; curDrag.MM_UPDOWN=0; curDrag.MM_SNAPPED=false; //use in your JS!

    document.onmousedown = MM_dragLayer; document.onmouseup = MM_dragLayer;

    if (NS) document.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);

  } else {

    var theEvent = ((NS)?objName.type:event.type);

    if (theEvent == 'mousedown') {

      var mouseX = (NS)?objName.pageX : event.clientX + document.body.scrollLeft;

      var mouseY = (NS)?objName.pageY : event.clientY + document.body.scrollTop;

      var maxDragZ=null; document.MM_maxZ = 0;

      for (i=0; i<document.allLayers.length; i++) { aLayer = document.allLayers[i];

        var aLayerZ = (NS)?aLayer.zIndex:aLayer.style.zIndex;

        if (aLayerZ > document.MM_maxZ) document.MM_maxZ = aLayerZ;

        var isVisible = (((NS)?aLayer.visibility:aLayer.style.visibility).indexOf('hid') == -1);

        if (aLayer.MM_dragOk != null && isVisible) with (aLayer) {

          var parentL=0; var parentT=0;

          if (!NS) { parentLayer = aLayer.parentElement;

            while (parentLayer != null && parentLayer.style.position) {

              parentL += parentLayer.offsetLeft; parentT += parentLayer.offsetTop;

              parentLayer = parentLayer.parentElement; } }

          var tmpX=mouseX-(((NS)?pageX:style.pixelLeft+parentL)+MM_hLeft);

          var tmpY=mouseY-(((NS)?pageY:style.pixelTop +parentT)+MM_hTop);

          var tmpW = MM_hWidth;  if (tmpW <= 0) tmpW += ((NS)?clip.width :offsetWidth);

          var tmpH = MM_hHeight; if (tmpH <= 0) tmpH += ((NS)?clip.height:offsetHeight);

          if ((0 <= tmpX && tmpX < tmpW && 0 <= tmpY && tmpY < tmpH) && (maxDragZ == null

              || maxDragZ <= aLayerZ)) { curDrag = aLayer; maxDragZ = aLayerZ; } } }

      if (curDrag) {

        document.onmousemove = MM_dragLayer; if (NS) document.captureEvents(Event.MOUSEMOVE);

        curLeft = (NS)?curDrag.left:curDrag.style.pixelLeft;

        curTop = (NS)?curDrag.top:curDrag.style.pixelTop;

        MM_oldX = mouseX - curLeft; MM_oldY = mouseY - curTop;

        document.MM_curDrag = curDrag;  curDrag.MM_SNAPPED=false;

        if(curDrag.MM_toFront) {

          eval('curDrag.'+((NS)?'':'style.')+'zIndex=document.MM_maxZ+1');

          if (!curDrag.MM_dropBack) document.MM_maxZ++; }

        retVal = false; if(!NS) event.returnValue = false;

    } } else if (theEvent == 'mousemove') {

      if (document.MM_curDrag) with (document.MM_curDrag) {

        var mouseX = (NS)?objName.pageX : event.clientX + document.body.scrollLeft;

        var mouseY = (NS)?objName.pageY : event.clientY + document.body.scrollTop;

        newLeft = mouseX-MM_oldX; newTop  = mouseY-MM_oldY;

        if (MM_bL!=null) newLeft = Math.max(newLeft,MM_bL);

        if (MM_bR!=null) newLeft = Math.min(newLeft,MM_bR);

        if (MM_bT!=null) newTop  = Math.max(newTop ,MM_bT);

        if (MM_bB!=null) newTop  = Math.min(newTop ,MM_bB);

        MM_LEFTRIGHT = newLeft-MM_startL; MM_UPDOWN = newTop-MM_startT;

        if (NS) {left = newLeft; top = newTop;}

        else {style.pixelLeft = newLeft; style.pixelTop = newTop;}

        if (MM_dragJS) eval(MM_dragJS);

        retVal = false; if(!NS) event.returnValue = false;

    } } else if (theEvent == 'mouseup') {

      document.onmousemove = null;

      if (NS) document.releaseEvents(Event.MOUSEMOVE);

      if (NS) document.captureEvents(Event.MOUSEDOWN); //for mac NS

      if (document.MM_curDrag) with (document.MM_curDrag) {

        if (typeof MM_targL =='number' && typeof MM_targT == 'number' &&

            (Math.pow(MM_targL-((NS)?left:style.pixelLeft),2)+

             Math.pow(MM_targT-((NS)?top:style.pixelTop),2))<=MM_tol) {

          if (NS) {left = MM_targL; top = MM_targT;}

          else {style.pixelLeft = MM_targL; style.pixelTop = MM_targT;}

          MM_SNAPPED = true; MM_LEFTRIGHT = MM_startL-MM_targL; MM_UPDOWN = MM_startT-MM_targT; }

        if (MM_everyTime || MM_SNAPPED) eval(MM_dropJS);

        if(MM_dropBack) {if (NS) zIndex = MM_oldZ; else style.zIndex = MM_oldZ;}

        retVal = false; if(!NS) event.returnValue = false; }

      document.MM_curDrag = null;

    }

    if (NS) document.routeEvent(objName);

  } return retVal;

}

//-->

</SCRIPT>

 

<DIV id=Layer1

 

style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 1; LEFT: 546px;  BORDER-LEFT: #000000 1px; WIDTH: 112px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 182px; HEIGHT: 206px; layer-background-image: url(../images/index1/drag-bk.gif)"

 

onclick="MM_dragLayer('Layer1','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,0,'',false,'')">

 

<TABLE class=f9 borderColor=#999999 height=200 cellSpacing=0 cellPadding=0

 

width=110 border=1>

 

  <TBODY>

 

  <TR>

 

    <TD vAlign=top height=5>

 

      <DIV align=center></DIV>

 

      <TABLE class=f9 cellSpacing=0 cellPadding=0 width=110 bgColor=#996600

 

      border=0>

 

        <TBODY>

 

        <TR>

 

          <TD width=15 bgColor=#513439 height=19> </TD>

 

          <TD bgColor=#513439 height=19><FONT

 

          color=#cccccc>网络时空:::::::</FONT></TD></TR></TBODY></TABLE><FONT

 

      color=#cccccc></FONT></TD></TR>

 

  <TR>

 

    <TD vAlign=top>

 

      <TABLE class=f9Copy height=192 cellSpacing=0 cellPadding=0 width=110

 

      border=0>

 

        <TBODY>

 

                <TR>

 

          <TD vAlign=top align=middle height=71>

 

            <P><FONT color=#cccccc>贝利表示,在1998年的世界杯上,法国队在决赛中以30完胜巴西队,这次韩日世界杯将是巴西队复仇的时候了。贝利说,在战胜法国队杀入半决赛之后,巴西队的夺冠道路将较为平坦,尽管对手是葡萄牙、意大利或西班牙这样的劲旅。

 

  贝利表示,他是在搜集分析了各支球队的战绩之后做出上述预测的,他还将这些球队在友谊赛中的成绩也进行了考虑,不过他也坦言:“当然,世界杯还有5个月才正式开始,这期间很多事情都会发生变化。”(清晨)

<BR></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

Write a comment

Comments: 0