Mon

02

Mar

2009

150、很酷的一个首页效果 代码

150、很酷的一个首页效果 代码

<script language=JavaScript1.2 fptype="dynamicanimation">

<!--

       // See KB article about changing this dynamic HTML

       dynamicanimAttr = "dynamicanimation"

       animCancel = "skipanim"

       fpanimationPrefix = "fpAnim"

       animateElements = new Array()

       currentElement = 0

       speed = 1

       stepsZoom = 8

       stepsWord = 8

       stepsFly = 17

       stepsSpiral = 16

       stepsSpiralWord = 19

       stepsElastic = 32

       steps = stepsZoom

       step = 0

       cornerPhase=0

       outEffect=0

       function remSuffix(str)

       {

              ind=str.indexOf("FP")

              str = str.substring(0,ind)

              return str

       }

       function dynAnimOut(el)

       {

              outEffect=1

              dynAnimation(el)

              outEffect=0

       }

       function dynAnimation(obj)

       {

              animateElements = new Array()

              var ms = navigator.appVersion.indexOf("MSIE")

              ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)

              if(!ie4)

              {

                     if((navigator.appName == "Netscape") &&

                            (parseInt(navigator.appVersion.substring(0, 1)) >= 4))

                            doc_els=document.layers

                     else

                            return

              }

              else

                     doc_els=document.all

        if(outEffect && !ie4)

            return

              if(ie4)

              {

                  for (index=document.all.length-1; index >= document.body.sourceIndex; index--)

                     {

                            el = document.all[index]

                            if(outEffect && el != obj)

                                   continue

                            if(outEffect)

                                   animationId = el.id.substring(9,el.id.length)

                            else

                                   animationId = el.id.substring(6,el.id.length)

                            animation=remSuffix(animationId)

                            if(null != animation)

                            {

                                   altcnt=0

                                   if(    animation == "dropWord"                          ||

                                          animation == "flyTopRightWord"               ||

                                          animation == "flyBottomRightWord"          ||

                                          animation == "waveWords"                 ||

                                          animation == "hopWords")

                                   {

                                          ih = el.innerHTML

                                          outString = ""

                                          i1 = 0

                                          iend = ih.length

                                          while(true)

                                          {

                                                 i2 = startWord(ih, i1)

                                                 if(i2 == -1)

                                                 i2 = iend

                                                 outWord(ih, i1, i2, false, "", outEffect ? obj.id : el.id)

                                                 if(i2 == iend)

                                                        break

                                                 i1 = i2

                                                 i2 = endWord(ih, i1)

                                                 if(i2 == -1)

                                                        i2 = iend

                                                 if (animation == "waveWords")

                                                        outWordAlt(ih, i1, i2, true, animation, altcnt)

                                                 else

                                                        outWord(ih, i1, i2, true, (outEffect ? "Out" : "") + animation,

                                                               outEffect ?  obj.id : el.id)

 

                                                 if(i2 == iend)

                                                        break

                                                 i1 = i2

                                                 altcnt++

                                          }

                                          document.all[index].innerHTML = outString

                                          document.all[index].style.posLeft = 0

                                          document.all[index].setAttribute(animCancel, true)

                                          document.all[index].style.visibility="visible"

                                   }

                            }

                     }

              }

              i = 0

              for (index=0; index < doc_els.length; index++)

              {

                     el = doc_els[index]

                     if(0 != el.id.indexOf(fpanimationPrefix))

                            continue

                     if (ie4)

                     {

                            elprops=el.style

                            scrollOffsetTop=document.body.scrollTop

                            docHeight=document.body.offsetHeight

                            docWidth=document.body.offsetWidth

                            elW=100

                            elH=el.offsetHeight

                     }

                     else

                     {

                            elprops=el

                            scrollOffsetTop=window.pageYOffset

                            docHeight=window.innerHeight

                            docWidth=window.innerWidth

                            elW=el.clip.width

                            elH=el.clip.height

                     }

                     if(outEffect)

                            animationId = el.id.substring(9,el.id.length)

                     else

                            animationId = el.id.substring(6,el.id.length)

                     animation=remSuffix(animationId)

                     if(outEffect && (obj != el))

                     {

                            if(el.SRCID != obj.id)

                                   continue

                     }

                     if (null != animation )

                     {

                            if(ie4 && null!=el.getAttribute(animCancel, false))

                                   continue

                            if(!ie4)

                            {

                                   elprops.posLeft=elprops.left

                                   elprops.posTop=elprops.top

                            }

                            el.startL=offsetLeft(el)

                            if(animation == "flyLeft")

                            {

                                   elprops.posLeft = -offsetLeft(el)-elW

                                   elprops.posTop = 0

                            }

                            else if(animation == "flyRight" || animation=="elasticRight")

                            {

                                   elprops.posLeft = -offsetLeft(el)+docWidth

                                   elprops.posTop = 0

                            }

                            else if(animation == "flyTop" || animation == "dropWord")

                            {

                                   elprops.posLeft = 0

                                   elprops.posTop = scrollOffsetTop-offsetTop(el)-elH

                            }

                            else if(animation == "flyBottom" || animation == "elasticBottom")

                            {

                                   elprops.posLeft = 0

                                   elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight

                            }

                            else if(animation == "flyTopLeft")

                            {

                                   elprops.posLeft = -offsetLeft(el)-elW

                                   elprops.posTop = scrollOffsetTop-offsetTop(el)-elH

                            }

                            else if(animation == "flyTopRight" || animation == "flyTopRightWord")

                            {

                                   elprops.posLeft = -offsetLeft(el)+docWidth

                                   elprops.posTop = scrollOffsetTop-offsetTop(el)-elH

                            }

                            else if(animation == "flyCorner")

                            {

                                   elprops.posLeft = docWidth*0.2-offsetLeft(el)

                                  

                                   elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight

                            }

                            else if(animation == "flyBottomLeft")

                            {

                                   elprops.posLeft = -offsetLeft(el)-elW

                                   elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight

                            }

                            else if(animation == "flyBottomRight" || animation == "flyBottomRightWord")

                            {

                                   elprops.posLeft = -offsetLeft(el)+docWidth

                                   elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight

                            }

                            else if(animation == "spiral")

                            {

                                   elprops.posLeft = -offsetLeft(el)+docWidth

                                   elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight

                            }

                            else if((animation.indexOf("waveWords") != -1) || animation=="hopWords")

                            {

                                   if(i)

                                   {

                                          prevEl=animateElements[i-1]

                                          elprops.r = offsetLeft(el)-prevEl.startL

                                   }

                                   else

                                          elprops.r = offsetLeft(el)

                            }

                            else if(animation == "wipeLR" || animation == "wipeMID")

                            {

                                   if (ie4 && elprops.position=="absolute")

                                   {

                                          el.sizeW=el.offsetWidth

                                          elprops.clip="rect(0 0 0 0)"

                                   }

                                   else if (!ie4)

                                   {

                                          el.sizeW=el.clip.width

                                          el.clip.width=0

                                   }

                            }

                            else if(animation == "wipeTB")

                            {

                                   if (ie4 && elprops.position=="absolute")

                                   {

                                          elprops.clip="rect(0 0 0 0)"

                                   }

                                   else if(!ie4)

                                   {

                                          el.sizeH=el.clip.height

                                          el.clip.height=0

                                   }

                            }

                            else if(animation == "zoomIn")

                            {

                                   elprops.posLeft = 0

                                   elprops.posTop = 0

                            }

                            else if(animation == "zoomOut")

                            {

                                   elprops.posLeft = 0

                                   elprops.posTop = 0

                            }

                            else

                            {

                                   continue

                            }

                            if(!outEffect)

                            {

                                   el.initLeft = elprops.posLeft

                                   el.initTop  = elprops.posTop

                                   el.endLeft  = 0

                                   el.endTop   = 0

                                   elprops.visibility = "hidden"

                            }

                            else

                            {

                                   el.initLeft = 0

                                   el.initTop  = 0

                                   el.endLeft = elprops.posLeft

                                   el.endTop  = elprops.posTop

                                   elprops.posTop = 0

                                   elprops.posLeft = 0

                            }

                            if(!ie4)

                            {

                                   elprops.left=elprops.initLeft

                                   elprops.top =elprops.initTop

                            }

                            animateElements[i++] = el

                     }

              }

              if(animateElements.length > 0)

              {

                     if(outEffect)

                            window.setTimeout("animate(1);", speed, "Javascript")

                     else

                            window.setTimeout("animate(0);", speed, "Javascript")

              }

       }

       function offsetLeft(el)

       {

              if(ie4)

              {

                     x = el.offsetLeft

                     for (e = el.offsetParent; e; e = e.offsetParent)

                            x += e.offsetLeft

                     return x

              }

              else

              {

                     x = el.pageX

                     return x

              }

       }

       function offsetTop(el)

       {

              if(ie4)

              {

                     y = el.offsetTop

                     for (e = el.offsetParent; e; e = e.offsetParent)

                            y += e.offsetTop;

                     return y

              }

              else

              {

                     y = el.pageY

                     return y  

              }

       }

       function startWord(ih, i)

       {

              for(tag = false; i < ih.length; i++)

              {

                     c = ih.charAt(i)

                     if(c == '<')

                     {

                            if(ih.substring(i+1, i+4) == "IMG")

                            return i;

                            tag = true

                     }

                     if(!tag)

                            return i

                     if(c == '>')

                            tag = false

              }

              return -1

       }

       function endWord(ih, i)

       {

              nonSpace = false

              space = false

              img = false

              if(ih.charAt(i) == '<')

              {

                     img = true

                     i++;

              }

              while(i < ih.length)

              {

                     c = ih.charAt(i)

                     if(c != ' ')

                            nonSpace = true

                     if(img && c == '>')

                            img = false;

                     if(nonSpace && !img && c == ' ')

                            space = true

                     if(c == '<')

                            return i

                     if(space && c != ' ')

                            return i

                     i++

              }

              return -1

       }

       function outWord(ih, i1, i2, dyn, anim, srcID)

       {

              if(dyn)

                     if(!outEffect)

                            outString += "<SPAN ID=\"" +  fpanimationPrefix + anim + "FP\" style=\"position: relative; visibility: hidden;\">"

                     else

                            outString += "<SPAN SRCID=\"" + srcID + "\"ID=\"" +  fpanimationPrefix + anim + "FP\" style=\"position: relative;\">"

              outString += ih.substring(i1, i2)

              if(dyn)

                     outString += "</SPAN>"

       }

       function outWordAlt(ih, i1, i2, dyn, anim, altcnt)

       {

              if(dyn)

              {

                     if(altcnt%2)

                            outString += "<SPAN ID=\"" +  fpanimationPrefix + anim + "LFP\" style=\"position: relative;  visibility: hidden;\">"

                     else

                            outString += "<SPAN ID=\"" +  fpanimationPrefix + anim + "RFP\" style=\"position: relative;  visibility: hidden;\">"

              }

                    

              outString += ih.substring(i1, i2)

              if(dyn)

                     outString += "</SPAN>"

       }

       function animate(animOut)

       {

              el = animateElements[currentElement]

              if(animOut)

                     animationId = el.id.substring(9,el.id.length);

              else

                     animationId = el.id.substring(6,el.id.length);

              animation=remSuffix(animationId)

              if (ie4)

                     elprops=el.style

              else

                     elprops=el

 

              if(!step && !animOut)

                     elprops.visibility="visible"

              step++

              if(animation == "spiral")

              {

                     steps = stepsSpiral

                     v = step/steps

                     rf = 1.0 - v

                     t = v * 2.0*Math.PI

                     rx = Math.max(Math.abs(el.initLeft), 200)

                     ry = Math.max(Math.abs(el.initTop),  200)

                     elprops.posLeft = Math.ceil(-rf*Math.cos(t)*rx)

                     elprops.posTop  = Math.ceil(-rf*Math.sin(t)*ry)

              }

              else if(animation == "waveWordsL" || animation=="hopWords" || animation == "waveWords")

              {

                     steps = stepsSpiralWord

                     v = step/steps

                     rf = (1.0 - v)

                     t = v * 1.0*Math.PI

                     elprops.posLeft = Math.ceil(-rf*Math.cos(t)*elprops.r)

                     elprops.posTop  = Math.ceil(-rf*Math.sin(t)*elprops.r)

              }

              else if(animation == "waveWordsR")

              {

                     steps = stepsSpiralWord

                     v = step/steps

                     rf = (1.0 - v)

                     t = v * 1.0*Math.PI

                     elprops.posLeft = Math.ceil(-rf*Math.cos(t)*elprops.r)

                     elprops.posTop  = Math.ceil( rf*Math.sin(t)*elprops.r)

              }

              else if(animation == "zoomIn")

              {

                     steps = stepsZoom

                     elprops.fontSize = Math.ceil(50+50*step/steps) + "%"

                     elprops.posLeft = 0

              }

              else if(animation == "zoomOut")

              {

                     steps = stepsZoom

                     fontSz=Math.ceil(100+200*(steps-step)/steps) + "%"

                     elprops.fontSize = fontSz

                     elprops.posLeft = 0

              }

              else if(animation == "elasticRight")

              {

                     steps = stepsElastic

                     v = step/steps

                     rf=Math.exp(-v*7)

                     t = v * 1.5*Math.PI

                     rx =Math.abs(el.initLeft)

                     elprops.posLeft = rf*Math.cos(t)*rx

                     elprops.posTop  = 0

              }

              else if(animation == "elasticBottom")

              {

                     steps = stepsElastic

                     v = step/steps

                     rf=Math.exp(-v*7)

                     t = v * 2.5*Math.PI

                     ry =Math.abs(el.initTop)

                     elprops.posLeft = 0

                     elprops.posTop  = rf*Math.cos(t)*ry

              }

              else if(animation == "wipeLR")

              {

                     steps = stepsElastic

                     if(ie4 && elprops.position=="absolute")

                            elprops.clip = "rect(0 "+ step/steps*100 +"% 100% 0)"

                     else if (!ie4)

                     {

                            elprops.clip.right=step/steps*el.sizeW

                     }

              }

              else if(animation == "wipeTB")

              {

                     steps = stepsElastic

                     if(ie4 && elprops.position=="absolute")

                            elprops.clip = "rect(0 100% "+step/steps*el.offsetHeight+"px 0)"

                     else

                            elprops.clip.bottom=step/steps*el.sizeH

              }

              else if(animation == "wipeMID")

              {

                     steps = stepsElastic

                     if(ie4 && elprops.position=="absolute")

                     {

                            elprops.clip = "rect(0 "+el.sizeW/2*(1+step/steps)+"px 100% "+el.sizeW/2*(1-step/steps)+")"

                     }

                     else if(!ie4)

                     {

                            elprops.clip.right=el.sizeW/2*(1+step/steps)

                            elprops.clip.left=el.sizeW/2*(1-step/steps)

                     }

              }

              else if(animation == "flyCorner")

              {

                     if(!cornerPhase)

                     {

                            steps = stepsElastic/2

                            v = step/steps

                            rf=Math.exp(-v*7)

                            t = v * 2.5*Math.PI

                            ry =Math.abs(el.initTop)

                            elprops.posTop  = rf*Math.cos(t)*ry

                     }

                     else

                     {

                            steps = stepsFly

                            dl = el.initLeft / steps

                            elprops.posLeft = elprops.posLeft - dl

                            elprops.posTop = 0

                     }

              }

              else

              {

                     steps = stepsFly

                     if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")

                            steps = stepsWord

                     dl = (el.endLeft - el.initLeft) / steps

                     dt = (el.endTop  - el.initTop)  / steps

                     elprops.posLeft = elprops.posLeft + dl

                     elprops.posTop = elprops.posTop + dt

              }

              if (step >= steps)

              {

                     if(!(animation == "wipeLR"  ||

                            animation  == "wipeTB"      ||

                            animation  == "wipeMID"   ||

                            (animation == "flyCorner" && !cornerPhase)))

                     {

                            elprops.posLeft = el.endLeft

                            elprops.posTop = el.endTop

                     }

                     if(animOut)

                     {

                            elprops.visibility="hidden"

                     }

 

                     step = 0

                     if(animation=="flyCorner" && !cornerPhase)

                            cornerPhase=1

                     else

                     {

                            cornerPhase=0

                            currentElement++

                     }

 

              }

              if(!ie4)

              {

                     elprops.left=elprops.posLeft

                     elprops.top =elprops.posTop

              }

              if(currentElement < animateElements.length)

              {

                     if(animOut)

                            window.setTimeout("animate(1);", speed, "Javascript")

                     else

                            window.setTimeout("animate(0);", speed, "Javascript")

              }

              else

                     currentElement=0

       }

       function rollIn(el)

       {

              var ms = navigator.appVersion.indexOf("MSIE")

              ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)

              if(ie4)

              {

                     el.initstyle=el.style.cssText;el.style.cssText=el.fprolloverstyle

              }

       }

       function rollOut(el)

       {

              var ms = navigator.appVersion.indexOf("MSIE")

              ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)

              if(ie4)

              {

                     el.style.cssText=el.initstyle

              }

       }

       function clickSwapStyle(el)

       {

              var ms = navigator.appVersion.indexOf("MSIE")

              ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)

              if(ie4)

              {

                     ts=el.style.cssText

                     el.style.cssText=el.fprolloverstyle

                     el.fprolloverstyle=ts

              }

       }

       function clickSwapImg(el)

       {

        if(document.all || document.layers)

        {

                  ts=el.src

                  el.src=el.lowsrc

                  el.lowsrc=ts

        }

       }

//-->

 

 

 

</script>

<p></p>

<p> </p>

<p> </p>

<div align=center>

  <center>

    <table cellspacing=0 cellpadding=0 width="100%" border=0>

      <tbody>

      <tr>

        <td width="20%" height="22"></td>

        <td width="80%" height="22">

          <p language=Javascript1.2 id=fpAnimflyLeftFP1

      style="VISIBILITY: hidden; LETTER-SPACING: 3px; POSITION: relative! important"

      dynamicanimation="fpAnimflyLeftFP1"><font face=Arial color=#ffffff><span

      style="LETTER-SPACING: 3px">http://www.7stk.com</span></font></p>

        </td>

      </tr>

      </tbody>

    </table>

  </center>

</div>

<div align=center>

  <center>

    <table cellspacing=0 cellpadding=0 width="100%" border=0>

      <tbody>

      <tr>

        <td width="100%">

          <p language=Javascript1.2 id=fpAnimflyLeftFP2

      style="VISIBILITY: hidden; POSITION: relative! important" align=center

      dynamicanimation="fpAnimflyLeftFP2"><img height=1 alt="line.gif (118 字节)"

      src="line.gif"

width=550></p>

        </td>

      </tr>

      </tbody>

    </table>

  </center>

</div>

<div align=center>

  <center>

    <table cellspacing=0 cellpadding=0 width="100%" border=0>

      <tbody>

      <tr>

        <td width="38%">

          <p language=Javascript1.2 id=fpAnimflyLeftFP3

      style="VISIBILITY: hidden; POSITION: relative! important" align=right

      dynamicanimation="fpAnimflyLeftFP3">

                     <img height=75

      src="sto/0011.gif" width=263></p>

        </td>

        <td width="62%">

          <p language=Javascript1.2 id=fpAnimflyRightFP1

      style="VISIBILITY: hidden; POSITION: relative! important"

      dynamicanimation="fpAnimflyRightFP1">

                      <script language="JavaScript" src="http://www.7stk.com/store/ad/GG_zhonhgbu02.js"></script>

</p>

        </td>

      </tr>

      </tbody>

    </table>

  </center>

</div>

<div align=center>

  <center>

    <table cellspacing=0 cellpadding=0 width="100%" border=0>

      <tbody>

      <tr>

        <td width="100%">

          <p language=Javascript1.2 id=fpAnimflyRightFP2

      style="VISIBILITY: hidden; POSITION: relative! important" align=center

      dynamicanimation="fpAnimflyRightFP2">

                     <img height=1

      src="sto/043.gif"

width=550></p>

        </td>

      </tr>

      </tbody>

    </table>

  </center>

</div>

<div align=center>

  <center>

    <table cellspacing=0 cellpadding=0 width="79%" border=0>

      <tbody>

      <tr>

        <td width="44%">

          <p language=Javascript1.2 id=fpAnimflyBottomFP1

      style="VISIBILITY: hidden; POSITION: relative! important" align=right

      dynamicanimation="fpAnimflyBottomFP1">

                     <img height=100

      src="sto/yourimage.gif" width=92></p>

        </td>

        <td width="4%">

          <p language=Javascript1.2 id=fpAnimflyBottomFP2

      style="VISIBILITY: hidden; LINE-HEIGHT: 20px; POSITION: relative! important"

      dynamicanimation="fpAnimflyBottomFP2"></p>

        </td>

        <td width="52%">

          <p language=Javascript1.2 id=fpAnimspiralFP1

      style="VISIBILITY: hidden; LINE-HEIGHT: 20px; POSITION: relative! important"

      dynamicanimation="fpAnimspiralFP1"><span style="FONT-SIZE: 9pt"> <font color=#ffffff>地址:太阳系中心 <br>

            </font></span><font

      color=#ffffff><span

      style="FONT-SIZE: 9pt">网页特效代码7stk.com<br>

            QQ17521938<br>

            站务联系: </span><span style="font-size: 9pt">web@7stk.com</span></font></p>

        </td>

      </tr>

      </tbody>

    </table>

  </center>

</div>

<p> </p>

<p> </p>

<div align=center>

  <center>

    <table cellspacing=0 cellpadding=0 width="87%" border=0>

      <tbody>

      <tr>

        <td width="100%">

          <p language=Javascript1.2 id=fpAnimzoomInFP1

      style="VISIBILITY: hidden; POSITION: relative! important" align=right

      dynamicanimation="fpAnimzoomInFP1"><a

      href="http://www.7stk.com"><font color=#ffffff><span

      style="FONT-SIZE: 9pt">点此进入>></span></font></a></p>

        </td>

      </tr>

      <tr>

        <td width="100%"> </td>

      </tr>

      </tbody>

    </table>

    <script language="JavaScript">

<!--

function closeclk() {

another=close();

}

 

 

//-->

 

</script>

  </center>

</div>

 

0 Comments

Mon

02

Mar

2009

149、页面顶部图片导航

149、页面顶部图片导航

脚本说明:

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

<SCRIPT type=text/javascript>

document.onmouseover = doOver;

document.onmouseout  = doOut;

document.onmousedown = doDown;

document.onmouseup   = doUp;

 

 

function doOver() {

       var toEl = getReal(window.event.toElement, "className", "coolButton");

       var fromEl = getReal(window.event.fromElement, "className", "coolButton");

       if (toEl == fromEl) return;

       var el = toEl;

      

//     alert(el);

      

//     var cDisabled = el.getAttribute("cDisabled");

       var cDisabled = el.cDisabled;

//     alert(cDisabled);

       cDisabled = (cDisabled != null); // If CDISABLED atribute is present

      

       if (el.className == "coolButton")

              el.onselectstart = new Function("return false");

      

       if ((el.className == "coolButton") && !cDisabled) {

              makeRaised(el);

              makeGray(el,false);

       }

}

 

function doOut() {

       var toEl = getReal(window.event.toElement, "className", "coolButton");

       var fromEl = getReal(window.event.fromElement, "className", "coolButton");

       if (toEl == fromEl) return;

       var el = fromEl;

 

//     var cDisabled = el.getAttribute("cDisabled");

       var cDisabled = el.cDisabled;

       cDisabled = (cDisabled != null); // If CDISABLED atribute is present

 

       var cToggle = el.cToggle;

       toggle_disabled = (cToggle != null); // If CTOGGLE atribute is present

 

       if (cToggle && el.value) {

              makePressed(el);

              makeGray(el,true);

       }

       else if ((el.className == "coolButton") && !cDisabled) {

              makeFlat(el);

              makeGray(el,true);

       }

 

}

 

function doDown() {

       el = getReal(window.event.srcElement, "className", "coolButton");

      

       var cDisabled = el.cDisabled;

       cDisabled = (cDisabled != null); // If CDISABLED atribute is present

      

       if ((el.className == "coolButton") && !cDisabled) {

              makePressed(el)

       }

}

 

function doUp() {

       el = getReal(window.event.srcElement, "className", "coolButton");

      

       var cDisabled = el.cDisabled;

       cDisabled = (cDisabled != null); // If CDISABLED atribute is present

      

       if ((el.className == "coolButton") && !cDisabled) {

              makeRaised(el);

       }

}

 

 

function getReal(el, type, value) {

       temp = el;

       while ((temp != null) && (temp.tagName != "BODY")) {

              if (eval("temp." + type) == value) {

                     el = temp;

                     return el;

              }

              temp = temp.parentElement;

       }

       return el;

}

 

function findChildren(el, type, value) {

       var children = el.children;

       var tmp = new Array();

       var j=0;

      

       for (var i=0; i<children.length; i++) {

              if (eval("children[i]." + type + "==\"" + value + "\"")) {

                     tmp[tmp.length] = children[i];

              }

              tmp = tmp.concat(findChildren(children[i], type, value));

       }

      

       return tmp;

}

 

function disable(el) {

 

       if (document.readyState != "complete") {

              window.setTimeout("disable(" + el.id + ")", 100);      // If document not finished rendered try later.

              return;

       }

      

       var cDisabled = el.cDisabled;

      

       cDisabled = (cDisabled != null); // If CDISABLED atribute is present

 

       if (!cDisabled) {

              el.cDisabled = true;

             

              if (document.getElementsByTagName) {     // IE5

                     el.innerHTML =     "<span style='background: buttonshadow; filter: chroma(color=red) dropshadow(color=buttonhighlight, offx=1, offy=1); width: 100%; height: 100%; text-align: center;'>" +

                                                 "<span style='filter: mask(color=red); width: 100%; height: 100%; text-align: center;'>" +

                                                 el.innerHTML +

                                                 "</span>" +

                                                 "</span>";

              }

              else { // IE4

                     el.innerHTML =     '<span style="background: buttonshadow; width: 100%; height: 100%; text-align: center;">' +

                                                 '<span style="filter:Mask(Color=buttonface) DropShadow(Color=buttonhighlight, OffX=1, OffY=1, Positive=0); height: 100%; width: 100%%; text-align: center;">' +

                                                 el.innerHTML +

                                                 '</span>' +

                                                 '</span>';

              }

             

              //.inner {

              //     font: menu;

              //     width: 100px;

              //     filter: mask(color=red);

              //}

              //

              //.outer {

              //     width: 100px;

              //     background: buttonshadow;

              //     filter: chroma(color=red) dropshadow(color=buttonhighlight, offx=1, offy=1);

              //}

 

              if (el.onclick != null) {

                     el.cDisabled_onclick = el.onclick;

                     el.onclick = null;

              }

       }

}

 

function enable(el) {

       var cDisabled = el.cDisabled;

      

       cDisabled = (cDisabled != null); // If CDISABLED atribute is present

      

       if (cDisabled) {

              el.cDisabled = null;

              el.innerHTML = el.children[0].children[0].innerHTML;

 

              if (el.cDisabled_onclick != null) {

                     el.onclick = el.cDisabled_onclick;

                     el.cDisabled_onclick = null;

              }

       }

}

 

function addToggle(el) {

       var cDisabled = el.cDisabled;

      

       cDisabled = (cDisabled != null); // If CDISABLED atribute is present

      

       var cToggle = el.cToggle;

      

       cToggle = (cToggle != null); // If CTOGGLE atribute is present

 

       if (!cToggle && !cDisabled) {

              el.cToggle = true;

             

              if (el.value == null)

                     el.value = 0;          // Start as not pressed down

             

              if (el.onclick != null)

                     el.cToggle_onclick = el.onclick;    // Backup the onclick

              else

                     el.cToggle_onclick = "";

 

              el.onclick = new Function("toggle(" + el.id +"); " + el.id + ".cToggle_onclick();");

       }

}

 

function removeToggle(el) {

       var cDisabled = el.cDisabled;

      

       cDisabled = (cDisabled != null); // If CDISABLED atribute is present

      

       var cToggle = el.cToggle;

      

       cToggle = (cToggle != null); // If CTOGGLE atribute is present

      

       if (cToggle && !cDisabled) {

              el.cToggle = null;

 

              if (el.value) {

                     toggle(el);

              }

 

              makeFlat(el);

             

              if (el.cToggle_onclick != null) {

                     el.onclick = el.cToggle_onclick;

                     el.cToggle_onclick = null;

              }

       }

}

 

function toggle(el) {

       el.value = !el.value;

      

       if (el.value)

              el.style.background = "URL(/images/tileback.gif)";

       else

              el.style.backgroundImage = "";

 

//     doOut(el);     

}

 

 

function makeFlat(el) {

       with (el.style) {

              background = "";

              border = "1px solid buttonface";

              padding      = "1px";

       }

}

 

function makeRaised(el) {

       with (el.style) {

              borderLeft   = "1px solid buttonhighlight";

              borderRight  = "1px solid buttonshadow";

              borderTop    = "1px solid buttonhighlight";

              borderBottom = "1px solid buttonshadow";

              padding      = "1px";

       }

}

 

function makePressed(el) {

       with (el.style) {

              borderLeft   = "1px solid buttonshadow";

              borderRight  = "1px solid buttonhighlight";

              borderTop    = "1px solid buttonshadow";

              borderBottom = "1px solid buttonhighlight";

              paddingTop    = "2px";

              paddingLeft   = "2px";

              paddingBottom = "0px";

              paddingRight  = "0px";

       }

}

 

function makeGray(el,b) {

       var filtval;

      

       if (b)

              filtval = "gray()";

       else

              filtval = "";

 

       var imgs = findChildren(el, "tagName", "IMG");

             

       for (var i=0; i<imgs.length; i++) {

              imgs[i].style.filter = filtval;

       }

 

}

      

 

document.write("<style>");

document.write(".coolBar     {background: buttonface;border-top: 1px solid buttonhighlight; border-left: 1px solid buttonhighlight;       border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; padding: 2px; font: menu;}");

document.write(".coolButton {border: 1px solid buttonface; padding: 1px; text-align: center; cursor: default;}");

document.write(".coolButton IMG       {filter: gray();}");

document.write("</style>");

</SCRIPT>

 

<SCRIPT type=text/javascript>

var floatWidth = 200;

var floatHeight = 24;     // extra 4 for the border

var snapHorizSize = 50;

var snapVertSize = 20;

var horizDockWidth = 50;     // When docked to the left or right

var vertDockHeight = 20;

var toolbarPos = "top";  // Start at this position

 

 

// The following three are global, don't edit

var errorInSetup = false;

var dragging = false;

var tx;

var ty;

 

var ie4 = document.all != null;;

var ie5 = document.all != null && document.getElementsByTagName != null;

 

/////////////////////////////////////////////////////////////////////////////

// Set up the event handlers

if     (ie5) {     // IE5 way of setting up event handlers is way too good to ignore

       window.attachEvent("onload", fixSize);

       window.attachEvent("onresize", fixSize);

       document.attachEvent("onmousedown", dockBarOnMouseDown);

       document.attachEvent("onmouseup", dockBarOnMouseUp);

       document.attachEvent("onmousemove", dockBarOnMouseMove);

}

else if (ie4) {

       window.onload=fixSize;

       window.onresize=fixSize;

       document.onmousedown = dockBarOnMouseDown;

       document.onmouseup = dockBarOnMouseUp;

       document.onmousemove = dockBarOnMouseMove;

}

 

// Set up the CSS

if (ie4 || ie5) {

document.styleSheets[0].addRule("#handle", "border-left: 1 solid buttonhighlight; border-right: 1 solid buttonshadow; border-top: 1 solid buttonhighlight; border-bottom: 1 solid buttonshadow;" +

                                                        "padding: 0; margin: 1; cursor: move; width: 3; height: 18; overflow: hidden;");

document.styleSheets[0].addRule("#toolbar", "cursor: default; position: absolute; top: 0; left: 0; background: buttonface; border: 0;" +

                                                        "height: 20; width: 100%; padding: 0px;      overflow: hidden; z-index: 1;");

document.styleSheets[0].addRule("#contentDiv","position: absolute; overflow:auto; XXXz-index: -1; height: 100%; width:100%; border: 2 inset white;");

document.styleSheets[0].addRule("body", "margin: 0; border: 0; overflow: hidden;");

}

 

function fixSize() {

       if (toolbar == null || handle == null || contentDiv == null || !(ie4 || ie5)) {

              if (!errorInSetup)

                     alert("The setup of this page is not correct for this script to work. Contact the author of the page.");

              errorInSetup = true;

              return;

       }

      

       switch (toolbarPos) {

              case"top":

              toolbar.style.border = "0 solid buttonface";

              toolbar.style.width = "100%";

              toolbar.style.height = vertDockHeight;

              toolbar.style.top = 0;

              toolbar.style.left = 0;

             

              contentDiv.style.top = vertDockHeight;

              contentDiv.style.left = 0;

              contentDiv.style.height = document.body.clientHeight - vertDockHeight;

              contentDiv.style.width = "100%";

 

              handle.style.height = vertDockHeight - 2;

              handle.style.width = 3;

              break;

      

              case "bottom":

              toolbar.style.border = "0 solid buttonface";

              toolbar.style.width = "100%";

              toolbar.style.height = vertDockHeight;

              toolbar.style.top = document.body.clientHeight - vertDockHeight;

              toolbar.style.left = 0;

      

              contentDiv.style.top = 0;

              contentDiv.style.left = 0;

              contentDiv.style.height = document.body.clientHeight - vertDockHeight;

              contentDiv.style.width = "100%";

 

              handle.style.height = vertDockHeight - 2;

              handle.style.width = 3;

              break;

      

              case "left":

              toolbar.style.border = "0 solid buttonface";

              toolbar.style.width = horizDockWidth;

              toolbar.style.height = "100%";

              toolbar.style.top = 0;

              toolbar.style.left = 0;

 

              contentDiv.style.top = 0;

              contentDiv.style.left = horizDockWidth;

              contentDiv.style.height = "100%";

              contentDiv.style.width = document.body.clientWidth - horizDockWidth;

             

              handle.style.height = 3;

              handle.style.width = horizDockWidth -2;

              break;

 

              case "right":

              toolbar.style.border = "0 solid buttonface";

              toolbar.style.width = horizDockWidth;

              toolbar.style.height = "100%";

              toolbar.style.top = 0;

              toolbar.style.left = document.body.clientWidth - horizDockWidth;

             

              contentDiv.style.top = 0;

              contentDiv.style.left = 0;

              contentDiv.style.height = "100%";

              contentDiv.style.width = document.body.clientWidth - horizDockWidth;

             

              handle.style.height = 3;

              handle.style.width = horizDockWidth -2;

              break;

             

              case "float":

              toolbar.style.width = floatWidth;

              toolbar.style.height = floatHeight;

              toolbar.style.border = "2px outset white";

             

              contentDiv.style.top = 0;

              contentDiv.style.left = 0;

              contentDiv.style.height = "100%";

              contentDiv.style.width = "100%";              

 

              handle.style.height = floatHeight - 6;

              handle.style.width = 3;

       }

       if (toolbar.ondock != null) {

              if (typeof(toolbar.ondock) == "function")

                     toolbar.ondock();

              else

                     eval(toolbar.ondock);

       }

}

/////////////////////////////////////////////////////////////////////////////

 

 

function dockBarOnMouseDown() {

       if(window.event.srcElement.id == "handle") {

              ty = (window.event.clientY - toolbar.style.pixelTop);

              tx = (window.event.clientX - toolbar.style.pixelLeft);

 

              dragging = true;

             

              window.event.returnValue = false;

              window.event.cancelBubble = true;

       }

       else {

              dragging = false;

       }    

}

 

function dockBarOnMouseUp() {

       dragging = false;

}

 

function dockBarOnMouseMove() {

       if(dragging) {

              // Top

              if((window.event.clientY) <= snapVertSize

                     && toolbarPos != "left" && toolbarPos != "right") {

                     toolbarPos = "top";

                     fixSize();

              }

              // Bottom

              else if (window.event.clientY >= document.body.clientHeight - snapVertSize

                     && toolbarPos != "left" && toolbarPos != "right") {

 

                     toolbarPos="bottom";

                     fixSize();

              }

              // Left

              else if (window.event.clientX <= snapHorizSize

                     && toolbarPos != "top" && toolbarPos != "bottom") {

 

                     toolbarPos = "left";

                     fixSize();

              }

              // Right

              else if (window.event.clientX >= document.body.clientWidth - snapHorizSize

                     && toolbarPos != "top" && toolbarPos != "bottom") {

 

                     toolbarPos = "right";

                     fixSize();

              }

              else {

                     toolbar.style.left = window.event.clientX;

                     toolbar.style.top = window.event.clientY - ty;

 

                     toolbarPos = "float";

                     fixSize();

              }

 

              window.event.returnValue = false;

              window.event.cancelBubble = true;

       }

}

 

</SCRIPT>

<STYLE type=text/css>BODY {

       BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px

}

.coolButton {

       HEIGHT: 20px; MARGIN: 1px; WIDTH: 20px

}

</STYLE>

<DIV id=toolbar onselectstart="return false"><SPAN id=handle

title="Drag to move the container"></SPAN>

<SPAN class=coolButton

onclick="window.location='http://www.163.com'" title=网易><IMG align=absMiddle

height=16 src="arrowleft.gif" width=16></SPAN>

<SPAN onclick="window.location='http://www.sohu.com'" title=搜狐

class=coolButton id=next title=Next><IMG align=absMiddle height=16

src="arrowright.gif" width=16></SPAN>

<SPAN

class=coolButton onclick="window.open('http://www.1stscript.com/','_top')"

title=首页><IMG align=absMiddle height=16

src="favicon.gif" width=16></SPAN><SPAN

class=coolButton

onclick="window.open('http://www.sina.com.cn','_top')"

title="新浪网"><IMG align=absMiddle height=16

src="desktop.gif" width=16></SPAN>

<SPAN class=coolButton

onclick="window.location='http://www.163.com'" title=网易><IMG align=absMiddle

height=16 src="arrowleft.gif" width=16></SPAN>

<SPAN onclick="window.location='http://www.sohu.com'" title=搜狐

class=coolButton id=next title=Next><IMG align=absMiddle height=16

src="arrowright.gif" width=16></SPAN><SPAN

class=coolButton onclick="window.open('http://www.1stscript.com/','_top')"

title=首页><IMG align=absMiddle height=16

src="favicon.gif" width=16></SPAN><SPAN

class=coolButton

onclick="window.open('http://www.sina.com.cn','_top')"

title="新浪网"><IMG align=absMiddle height=16

src="desktop.gif" width=16></SPAN>

<SPAN class=coolButton

onclick="window.location='http://www.163.com'" title=网易><IMG align=absMiddle

height=16 src="arrowleft.gif" width=16></SPAN>

<SPAN onclick="window.location='http://www.sohu.com'" title=搜狐

class=coolButton id=next title=Next><IMG align=absMiddle height=16

src="arrowright.gif" width=16></SPAN><SPAN

class=coolButton onclick="window.open('http://www.1stscript.com/','_top')"

title=首页><IMG align=absMiddle height=16

src="favicon.gif" width=16></SPAN><SPAN

class=coolButton

onclick="window.open('http://www.sina.com.cn','_top')"

title="新浪网"><IMG align=absMiddle height=16

src="desktop.gif" width=16></SPAN>

<SPAN class=coolButton

onclick="window.location='http://www.163.com'" title=网易><IMG align=absMiddle

height=16 src="arrowleft.gif" width=16></SPAN>

<SPAN onclick="window.location='http://www.sohu.com'" title=搜狐

class=coolButton id=next title=Next><IMG align=absMiddle height=16

src="arrowright.gif" width=16></SPAN><SPAN

class=coolButton onclick="window.open('http://www.1stscript.com/','_top')"

title=首页><IMG align=absMiddle height=16

src="favicon.gif" width=16></SPAN><SPAN

class=coolButton

onclick="window.open('http://www.sina.com.cn','_top')"

title="新浪网"><IMG align=absMiddle height=16

src="desktop.gif" width=16></SPAN>

</DIV>

<DIV id=contentDiv>这里是正文内容

 

0 Comments

Mon

02

Mar

2009

148、跳出导航窗口

148、跳出导航窗口

脚本说明:

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

<SCRIPT LANGUAGE="JavaScript">

 

<!-- Begin

 

var hmsg = new Array();

 

hmsg["home"] = new helpmsg(

"Home Page",  "fancyheader", "plain", "Clicking this link will bring you to the JavaScript Source home page.");

 

hmsg["forum"] = new helpmsg(

"", "", "bold", "Ask a JavaScript question or post a script request and our other JavaScript-savvy visitors will try to help you.");

 

hmsg["faq"] = new helpmsg(

"JavaScript Source FAQs", "h2", "italics", "Answers to the most common JavaScript questions we receive at The JavaScript Source.");

 

hmsg["news"] = new helpmsg(

"", "", "", "A monthly newsletter with links to all the script we've added to the site in the last month, a webmaster-related column, and links to other useful webmaster sites.");

 

 

var myPopup = new helpbox("myPopup", hmsg, 275, 175, "#ffffee");

 

function helpmsg(header, hstyle, mstyle, message) {

this.DEFAULTHSTYLE = "plain";

this.DEFAULTMSTYLE = "plain";

 

this.header = header;

if (hstyle) this.hstyle = hstyle;

else this.hstyle = this.DEFAULTHSTYLE;

this.message = message;

if (mstyle) this.mstyle = mstyle;

else this.mstyle = this.DEFAULTMSTYLE;

return this;

}

new helpmsg();

helpmsg.prototype.show = show;

 

function show() {

var H = "<FONT FACE='arial'>" + this.header + "</FONT>";

if (this.hstyle == "h1") H = "<H1>" + H + "</H1>";

else if (this.hstyle == "h2") H = "<H2>" + H + "</H2>";

else if (this.hstyle == "h3") H = "<H3>" + H + "</H3>";

else if (this.hstyle == "h4") H = "<H4>" + H + "</H4>";

if (this.hstyle == "fancyheader") H = "<table width='75%'>" +

"<tr><td bgcolor='#6060ff' align='center' valign='center'>" +

"<H1><FONT COLOR='white'>" + H +

"</FONT></H1>" + "</td></tr></table>";

else if (this.hstyle == "italics")

H = "<I>" + H + "</I>";

 

var M = "<FONT FACE='arial'>" + this.message + "</FONT>";

if (this.mstyle == "plain") {}

if (this.mstyle == "italics") M = M.italics();

else if (this.mstyle == "bold") M = M.bold();

 

var htmlpage = "";

if (this.hstyle.indexOf("header")>=0)

htmlpage = H + M;

else htmlpage = H + "<BR>" + M;

return htmlpage;

}

 

function helpbox(name, hm, width, height, bgcolor) {

this.name = name;

this.helpmessage = hm;

this.timerHandle = null;

this.windowHandle = null;

this.DEFAULTWIDTH = 250;

this.DEFAULTHEIGHT = 150;

this.DEFAULTBGCOLOR = "#ffffcc";

this.POPUPDELAY = 100;

if (width) this.width = width;

else this.width = this.DEFAULTWIDTH;

if (height) this.height = height;

else this.height = this.DEFAULTHEIGHT;

if (bgcolor) this.bgcolor = bgcolor;

else this.bgcolor = this.DEFAULTBGCOLOR;

return this;

}

function startHelp(msgindex) {

var cmdstr="top." + this.name + ".showHelp('" + msgindex + "')";

this.timerHandle = setTimeout(cmdstr, this.POPUPDELAY);

}

function showHelp(msgindex) {

if (!this.windowHandle || !this.windowHandle.name || this.windowHandle.name=="")

this.windowHandle = window.open(

"",

"subWindow",

"toolbar=no," +

"location=no," +

"directories=no," +

"status=no," +

"menubar=no," +

"scrollbars=no," +

"resizable=no," +

"width=" + this.width + "," +

"height=" + this.height

);

else

this.windowHandle.focus();

this.windowHandle.document.open();

var to_page =

"<HTML>\n" +

"<BODY BGCOLOR='" + this.bgcolor + "'><P>" +

this.helpmessage[msgindex].show() +

"</BODY></HTML>\n";

this.windowHandle.document.write(to_page);

this.windowHandle.document.close();

}

function clearHelp() {

clearTimeout(this.timerHandle);

if (this.windowHandle && this.windowHandle.name) {

this.windowHandle.close();

this.windowHandle=null;

   }

}

new helpbox();

helpbox.prototype.startHelp = startHelp;

helpbox.prototype.showHelp = showHelp;

helpbox.prototype.clearHelp = clearHelp;

// End -->

</script>

<a href="http://javascript.internet.com/" onMouseOver="myPopup.startHelp('home')" onMouseOut="myPopup.clearHelp()">JavaScript Source Home Page</a><br>

<br>

<a href="http://forum.javascriptsource.com/" onMouseOver="myPopup.startHelp('forum')" onMouseOut="myPopup.clearHelp()">JavaScript Message Forum</a><br>

<br>

<a href="http://faq.javascriptsource.com/" onMouseOver="myPopup.startHelp('faq')" onMouseOut="myPopup.clearHelp()">JavaScript Source FAQs</a><br>

<br>

<a href="http://e-newsletters.internet.com/javascriptsource.html" onMouseOver="myPopup.startHelp('news')" onMouseOut="myPopup.clearHelp()">JavaScript Source Newsletter</a><br>

0 Comments

Mon

02

Mar

2009

147、链接打开分帖窗口

147、链接打开分帖窗口

脚本说明:

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

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

percent = "10%";

function frameBranding(actualurl, brandingurl, frametype) {

var framewin = window.open("","brandingframe");

with (framewin.document) {

write("<html><frameset " + frametype + "=" + percent + ",*>");

write("<frame src=" + brandingurl + ">");

write(" <frame src=" + actualurl + ">");

write("</frameset></html>");

   }

return false;

}

//  End -->

</script>

<a target="_new" href="http://www.7stk.com/" onClick="return frameBranding('http://www.7stk.com', 'http://www.163.com', 'rows');">网页特效代码(上下分帖)</a>

<p>

<a target="_new" href="http://www.sohu.com/" onClick="return frameBranding('http://www.sohu.com', 'http://www.yahoo.com', 'cols');">搜狐(左右分帖)</a>

 

0 Comments

Mon

02

Mar

2009

146、带颜色的导航说明

146、带颜色的导航说明

脚本说明:

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

<STYLE TYPE="text/css">

<!--

BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}

.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

//-->

</STYLE>

<DIV ID="dek" CLASS="dek"></DIV>

 

<SCRIPT TYPE="text/javascript">

<!--

 

Xoffset=-60;    // modify these values to ...

Yoffset= 20;    // change the popup position.

 

var nav,old,iex=(document.all),yyy=-1000;

if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}

 

if(!old){

var skn=(nav)?document.dek:dek.style;

if(nav)document.captureEvents(Event.MOUSEMOVE);

document.onmousemove=get_mouse;

}

 

function popup(msg,bak){

var content="<TABLE  WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+

"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";

if(old){alert(msg);return;}

else{yyy=Yoffset;

 if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}

 if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}

 }

}

 

function get_mouse(e){

var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;

var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;

}

 

function kill(){

if(!old){yyy=-1000;skn.visibility="hidden";}

}

 

//-->

</SCRIPT>

<a href="http://www.7stk.com/" ONMOUSEOVER="popup('国内最大的网站编程资源站,你一定不可错过.','red')"; ONMOUSEOUT="kill()">网页特效代码</a>

0 Comments

Mon

02

Mar

2009

145、经典的导航说明

145、经典的导航说明

脚本说明:

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

<DIV ID="overDiv" STYLE="position:absolute; visibility:hide;"></DIV>

<SCRIPT TYPE="" LANGUAGE="JavaScript">

<!--

       var width = "250";

       var border = "3";

       var offsetx = 2;

       var offsety = 2;

      

       var fcolor = "#CCFFCC";

       var backcolor = "#339933";

       var textcolor = "#000000";

       var capcolor = "#FFFFFF";

       var closecolor = "#99FF99";

      

// -->

</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">

if (typeof fcolor == 'undefined') { var fcolor = "#CCCCFF";}

      

// Border color and color of caption

// Usually a dark color (black, brown etc)

       if (typeof backcolor == 'undefined') { var backcolor = "#333399";}

      

      

// Text color

// Usually a dark color

       if (typeof textcolor == 'undefined') { var textcolor = "#000000";}

      

// Color of the caption text

// Usually a bright color

       if (typeof capcolor == 'undefined') { var capcolor = "#FFFFFF";}

      

// Color of "Close" when using Sticky

// Usually a semi-bright color

       if (typeof closecolor == 'undefined') { var closecolor = "#9999FF";}

      

      

// Width of the popups in pixels

// 100-300 pixels is typical

       if (typeof width == 'undefined') { var width = "200";}

      

// How thick the border should be in pixels

// 1-3 pixels is typical

       if (typeof border == 'undefined') { var border = "1";}

      

      

// How many pixels to the right/left of the cursor to show the popup

// Values between 3 and 12 are best

       if (typeof offsetx == 'undefined') { var offsetx = 10;}

      

// How many pixels to the below the cursor to show the popup

// Values between 3 and 12 are best

       if (typeof offsety == 'undefined') { var offsety = 10;}

      

////////////////////////////////////////////////////////////////////////////////////

// END CONFIGURATION

////////////////////////////////////////////////////////////////////////////////////

 

ns4 = (document.layers)? true:false

ie4 = (document.all)? true:false

 

// Microsoft Stupidity Check.

if (ie4) {

       if (navigator.userAgent.indexOf('MSIE 5')>0) {

              ie5 = true;

       } else {

              ie5 = false; }

} else {

       ie5 = false;

}

 

var x = 0;

var y = 0;

var snow = 0;

var sw = 0;

var cnt = 0;

var dir = 1;

var tr = 1;

if ( (ns4) || (ie4) ) {

       if (ns4) over = document.overDiv

       if (ie4) over = overDiv.style

       document.onmousemove = mouseMove

       if (ns4) document.captureEvents(Event.MOUSEMOVE)

}

 

// Public functions to be used on pages.

 

// Simple popup right

function drs(text) {

       dts(1,text);

}

 

// Caption popup right

function drc(text, title) {

       dtc(1,text,title);

}

 

// Sticky caption right

function src(text,title) {

       stc(1,text,title);

}

 

// Simple popup left

function dls(text) {

       dts(0,text);

}

 

// Caption popup left

function dlc(text, title) {

       dtc(0,text,title);

}

 

// Sticky caption left

function slc(text,title) {

       stc(0,text,title);

}

 

// Simple popup center

function dcs(text) {

       dts(2,text);

}

 

// Caption popup center

function dcc(text, title) {

       dtc(2,text,title);

}

 

// Sticky caption center

function scc(text,title) {

       stc(2,text,title);

}

 

// Clears popups if appropriate

function nd() {

       if ( cnt >= 1 ) { sw = 0 };

       if ( (ns4) || (ie4) ) {

              if ( sw == 0 ) {

                     snow = 0;

                     hideObject(over);

              } else {

                     cnt++;

              }

       }

}

 

// Non public functions. These are called by other functions etc.

 

// Simple popup

function dts(d,text) {

       txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=\""+backcolor+"\"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\""+fcolor+"\"><TR><TD><FONT FACE=\"Arial,Helvetica\" COLOR=\""+textcolor+"\" SIZE=\"-2\">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>"

       layerWrite(txt);

       dir = d;

       disp();

}

 

// Caption popup

function dtc(d,text, title) {

       txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=\""+backcolor+"\"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><SPAN ID=\"PTT\"><B><FONT COLOR=\""+capcolor+"\">"+title+"</FONT></B></SPAN></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\""+fcolor+"\"><TR><TD><SPAN ID=\"PST\"><FONT COLOR=\""+textcolor+"\">"+text+"</FONT><SPAN></TD></TR></TABLE></TD></TR></TABLE>"

       layerWrite(txt);

       dir = d;

       disp();

}

 

// Sticky

function stc(d,text, title) {

       sw = 1;

       cnt = 0;

       txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=\""+backcolor+"\"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><SPAN ID=\"PTT\"><B><FONT COLOR=\""+capcolor+"\">"+title+"</FONT></B></SPAN></TD><TD ALIGN=RIGHT><A HREF=\"/\" onMouseOver=\"cClick();\" ID=\"PCL\"><FONT COLOR=\""+closecolor+"\">Close</FONT></A></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=\""+fcolor+"\"><TR><TD><SPAN ID=\"PST\"><FONT COLOR=\""+textcolor+"\">"+text+"</FONT><SPAN></TD></TR></TABLE></TD></TR></TABLE>"

       layerWrite(txt);

       dir = d;

       disp();

       snow = 0;

}

 

// Common calls

function disp() {

       if ( (ns4) || (ie4) ) {

              if (snow == 0)       {

                     if (dir == 2) { // Center

                            moveTo(over,x+offsetx-(width/2),y+offsety);

                     }

                     if (dir == 1) { // Right

                            moveTo(over,x+offsetx,y+offsety);

                     }

                     if (dir == 0) { // Left

                            moveTo(over,x-offsetx-width,y+offsety);

                     }

                     showObject(over);

                     snow = 1;

              }

       }

// Here you can make the text goto the statusbar.

}

 

// Moves the layer

function mouseMove(e) {

       if (ns4) {x=e.pageX; y=e.pageY;}

       if (ie4) {x=event.x; y=event.y;}

       if (ie5) {x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;}

       if (snow) {

              if (dir == 2) { // Center

                     moveTo(over,x+offsetx-(width/2),y+offsety);

              }

              if (dir == 1) { // Right

                     moveTo(over,x+offsetx,y+offsety);

              }

              if (dir == 0) { // Left

                     moveTo(over,x-offsetx-width,y+offsety);

              }

       }

}

 

// The Close onMouseOver function for Sticky

function cClick() {

       hideObject(over);

       sw=0;

}

 

// Writes to a layer

function layerWrite(txt) {

        if (ns4) {

                var lyr = document.overDiv.document

                lyr.write(txt)

                lyr.close()

        }

        else if (ie4) document.all["overDiv"].innerHTML = txt

              if (tr) { trk(); }

}

 

// Make an object visible

function showObject(obj) {

        if (ns4) obj.visibility = "show"

        else if (ie4) obj.visibility = "visible"

}

 

// Hides an object

function hideObject(obj) {

        if (ns4) obj.visibility = "hide"

        else if (ie4) obj.visibility = "hidden"

}

 

// Move a layer

function moveTo(obj,xL,yL) {

        obj.left = xL

        obj.top = yL

}

 

function trk() {

       if ( (ns4) || (ie4) ) {

                     nt=new Image(32,32); nt.src="http://www.nedstat.nl/cgi-bin/nedstat.gif?name=ol2t";

                     bt=new Image(1,1); bt.src="http://www.bosrup.com/web/overlib/o2/tr.gif";

                     refnd=new Image(1,1); refnd.src="http://www.nedstat.nl/cgi-bin/referstat.gif?name=ol2t&refer="+escape(top.document.referrer);

                    

       }

       tr = 0;

}

</SCRIPT>

<A HREF="http://www.7stk.com/" onMouseOver="dls('在左边的简单说明.'); return true;" onMouseOut="nd(); return true;">说明在左</A><BR>

<A HREF="http://www.7stk.com/" onClick="src('在右边的简单说明-www.1stscript.com','详细资料'); return false;" onMouseOver="drs('在左边的简单说明---你可以点击一下'); return true;" onMouseOut="nd(); return true;">说明在右</A><BR>

<A HREF="http://www.7stk.com/" onMouseOver="dlc('在左边的双层说明!','详细资料'); return true;" onMouseOut="nd(); return true;">网页特效代码</A><BR>

<A HREF="http://www.7stk.com/" onMouseOver="drc('在左边的双层说明.','详细资料'); return true;" onMouseOut="nd(); return true;">双层说明在右</A><BR>

<A HREF="http://www.7stk.com/" onMouseOver="dcc('双层说明居中.','详细资料'); return true;" onMouseOut="nd(); return true;">双层说明居中</A>

 

0 Comments

Mon

02

Mar

2009

144、三层导航菜单

144、三层导航菜单

脚本说明:

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

<div align="center">

<form name="isc">

<table border="0" cellspacing="0" cellpadding="0">

<tr align="center">

<td nowrap height="11">

<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">

<option selected>◤网页特效代码◢</option>

<option>CGI程序设计</option>

<option>FLASH欣赏</option>

</select>

<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">        

<option value=" " selected></option>')        

<option value=" " selected>------第二层菜单------</option> 

<option value=" " selected>------第二层菜单------</option> 

</select>  

<select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">       

<option value=" " selected></option>')        

<option value=" " selected>------第三层菜单------</option>  

<option value=" " selected>------第三层菜单------</option>  

</select></table>

</form></div>  

<script language="JavaScript">

<!--

var groups=document.isc.example.options.length     

var group=new Array(groups)     

for (i=0; i<groups; i++)     

group[i]=new Array()     

     

group[0][0]=new Option("----第二层菜单----"," ");     

     

group[1][0]=new Option("」第一类"," ");     

group[1][1]=new Option("」第二类","47");     

group[1][2]=new Option("」第三类","46");     

group[1][3]=new Option("」第四类","45");     

     

group[2][0]=new Option("」第一类"," ");     

group[2][1]=new Option("」第二类","115");     

group[2][2]=new Option("」第三类","116");      

     

var temp=document.isc.stage2     

     

     

function redirect(x){     

for (m=temp.options.length-1;m>0;m--)      

temp.options[m]=null     

for (i=0;i<group[x].length;i++){     

temp.options[i]=new Option(group[x][i].text,group[x][i].value)     

}     

temp.options[0].selected=true     

redirect1(0)     

}     

     

     

     

var secondGroups=document.isc.stage2.options.length     

var secondGroup=new Array(groups)     

for (i=0; i<groups; i++)  {     

secondGroup[i]=new Array(group[i].length)     

for (j=0; j<group[i].length; j++)  {     

secondGroup[i][j]=new Array()  }}     

     

secondGroup[0][0][0]=new Option("----网页特效代码----","http://www.7stk.com/ ");     

secondGroup[1][0][0]=new Option("----第三层菜单----"," ");     

secondGroup[1][1][0]=new Option(" 第一节"," ");     

secondGroup[1][1][1]=new Option(" 第一节","../cgi/pagenew8.htm");     

secondGroup[1][1][2]=new Option(" 第一节","../cgi/pagenew8.htm");     

secondGroup[1][1][3]=new Option(" 第一节","../explain/route.htm");     

     

secondGroup[1][2][0]=new Option("」第三类"," ");     

secondGroup[1][2][1]=new Option("第二节","../cgi/pagenew7.htm");     

secondGroup[1][2][2]=new Option("第二节","../cgi/pagenew7.htm");     

secondGroup[1][2][3]=new Option("第二节","../explain/route.htm");     

     

secondGroup[1][3][0]=new Option("」第四类"," ");     

secondGroup[1][3][1]=new Option("第三节","../cgi/pagenew15.htm");     

secondGroup[1][3][2]=new Option("第三节","../explain/route.htm");     

     

secondGroup[2][0][0]=new Option("----第三层菜单----"," ");     

secondGroup[2][1][0]=new Option("」第三类"," ");     

secondGroup[2][1][1]=new Option("」第三节(1)","http://www.7stk.com/");     

secondGroup[2][1][2]=new Option("」第三节(2)","../pictures/cartoon/2.htm");     

secondGroup[2][1][3]=new Option(" 音乐播放器(3)"," http://www.7stk.com/music/music.htm");     

     

secondGroup[2][2][0]=new Option("」第四类"," ");     

secondGroup[2][2][1]=new Option("第三节l(1)","../pictures/email/1.htm");     

secondGroup[2][2][2]=new Option("第三节(2)","http://www.7stk.com/");     

     

var temp1=document.isc.stage3     

function redirect1(y){     

for (m=temp1.options.length-1;m>0;m--)     

temp1.options[m]=null     

for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){     

temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)     

}     

temp1.options[0].selected=true  

}  

  

function redirect2(){  

window.open(temp1.value,"","toolbar=no,location=yes,directories=no,status=no,menubar=no,scrollbars=yes, resizable=yes,copyhistory=yes,width=700,height=450");  

}  

//-->

</script>

 

0 Comments

Mon

02

Mar

2009

143、下拉菜单导航

143、下拉菜单导航

脚本说明:

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

<script language="JavaScript">

<!--

function surfto(form) {

       var myindex=form.smallboy.selectedIndex

       window.open(form.smallboy.options[myindex].value, "", "toolbar=no,location=yes,directories=no,status=no,menubar=no,scrollbars=yes, resizable=yes,copyhistory=yes,width=600,height=400");

}

//-->

</script>

<form name="myform">

<center>

<select name="smallboy" size="1">

<option selected value="#">★★请选择链接★★</option>

<option value="http://www.163.com">网易</option>

<option value="http://www.7stk.com">7stk</option>

<option value="http://www.sina.com.cn">新浪网</option>

<input TYPE="BUTTON" VALUE="打开" onClick="surfto(this.form)">

</select></center>

</form>

0 Comments

Mon

02

Mar

2009

142、旋转的导航链接

142、旋转的导航链接

脚本说明:

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

<script language="JavaScript">

<!--

    function showObject(object) {

        object.visibility = VISIBLE;

    }

    function hideObject(object) {

        object.visibility = HIDDEN;

    }

    function slidepicture(from, to) {

            if (from < to) {

                website.top = (from += 10);

                setTimeout('slidepicture(' + from + ',' + to + ')', 75);

            }

            else initObjects();

    }

    function rotateObjects() {

            for (var i = 0; i < pos.length; i++) {

                pos[i] += inc; objects[i].visibility = 'visible';

                objects[i].left = (r * Math.cos(pos[i])) + xoff

                objects[i].top = (r * Math.sin(pos[i])) + yoff;

            }

        rotateTimer = setTimeout("rotateObjects()", 75);

    }

     function initObjects() {

        objects = new Array(circle1, circle2, circle3, circle4, circle5, circle6);

        pos = new Array();

        pos[0] = 0;

            for (var i = 1; i < objects.length; i++) {

                pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));

            }

        rotateObjects();

    }

// Variables for rotating images/text //

    var objects;

    var pos;

    var r = 150;        // radius

    var xoff = 340;     // horizontal position

    var yoff = 230;     // vertical position

    var pi = Math.PI;  

    var inc = pi / 180; // the higher the pi the slower the speed of rotation

    var objects;       

    var pos;           

//-->

</script>

<div id="circle1" class="circle">

<a href="http://www.7stk.com/" onmouseover="showObject(text1)" onmouseout="hideObject(text1)"><img src="sto/0005.gif" border="1" width="111" height="29"></a><br>

</div>

<div id="circle2" class="circle">

<a href="allspace.htm" onmouseover="showObject(text2)" onmouseout="hideObject(text2)"><img src="sto/0005.gif" border="1" width="111" height="29"></a><br>

</div>

<div id="circle3" class="circle">

<a href="../piepure.htm" onmouseover="showObject(text3)" onmouseout="hideObject(text3)"><img src="smallheadaff_ho.gif" border="1" width="111" height="29"></a><br>

</div>

<div id="circle4" class="circle">

<a href="../cgi/treemenu.htm" onmouseover="showObject(text4)" onmouseout="hideObject(text4)"><img src="smallheadshop_ho.gif" border="1" width="111" height="29"></a><br>

</div>

<div id="circle5" class="circle">

<a href="http://www.7stk.com/fine/index.htm" onmouseover="showObject(text5)" onmouseout="hideObject(text5)"><img src="smallheadmus_ho.gif" border="1" width="111" height="29"></a><br>

</div>

<div id="circle6" class="circle">

<a href="../chichin.htm" onmouseover="showObject(text6)" onmouseout="hideObject(text6)"><img src="smallheadinfo_ho.gif" border="1" width="111" height="29"></a><br>

</div>

<div id="website" class="picture">

</div>

<div id="text1" class="text">

<p align="center"><b> 网页特效代码 <br>

各位网友有兴趣可申请!</b><br>

1. 互助赚钱区。<br>             

2. 上网赚钱区。<br>             

3. 读信赚钱区。<br>             

4. 推荐赚钱区。<br>             

5. 广告赚钱区。<br>             

<font color=red>这里的内容可以不同的哟!</font></p>              

</div>              

<div id="text2" class="text">             

<p align="center"><b> 网页特效代码 <br>

各位网友有兴趣可申请!</b><br>

1. 互助赚钱区。<br>             

2. 上网赚钱区。<br>             

3. 读信赚钱区。<br>             

4. 推荐赚钱区。<br>             

5. 广告赚钱区。<br>             

<font color=red>这里的内容可以不同的哟!</font></p>                

</div>             

<div id="text3" class="text">             

<p align="center"><b> 网页特效代码 <br>

各位网友有兴趣可申请!</b><br>

1. 互助赚钱区。<br>             

2. 上网赚钱区。<br>             

3. 读信赚钱区。<br>             

4. 推荐赚钱区。<br>             

5. 广告赚钱区。<br>             

<font color=red>这里的内容可以不同的哟!</font></p>         

</div>             

<div id="text4" class="text">             

<p align="center"><b> 网页特效代码 <br>

各位网友有兴趣可申请!</b><br>

1. 互助赚钱区。<br>             

2. 上网赚钱区。<br>             

3. 读信赚钱区。<br>             

4. 推荐赚钱区。<br>             

5. 广告赚钱区。<br>             

<font color=red>这里的内容可以不同的哟!</font></p>             

</div>             

<div id="text5" class="text">             

<p align="center"><b> 网页特效代码 <br>

各位网友有兴趣可申请!</b><br>

1. 互助赚钱区。<br>             

2. 上网赚钱区。<br>             

3. 读信赚钱区。<br>             

4. 推荐赚钱区。<br>             

5. 广告赚钱区。<br>             

<font color=red>这里的内容可以不同的哟!</font></p>     

</div>             

<div id="text6" class="text">             

<p align="center"><b> 网页特效代码 <br>

各位网友有兴趣可申请!</b><br>

1. 互助赚钱区。<br>             

2. 上网赚钱区。<br>             

3. 读信赚钱区。<br>             

4. 推荐赚钱区。<br>             

5. 广告赚钱区。<br>             

<font color=red>这里的内容可以不同的哟!</font></p>             

</div>             

<SCRIPT LANGUAGE = "JavaScript">             

    var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);             

              

    var HIDDEN = (isNS) ? 'hide' : 'hidden';              

    var VISIBLE = (isNS) ? 'show' : 'visible';             

    var circle1 = (isNS) ? document.circle1 : document.all.circle1.style;             

    var circle2 = (isNS) ? document.circle2 : document.all.circle2.style;             

    var circle3 = (isNS) ? document.circle3 : document.all.circle3.style;             

    var circle4 = (isNS) ? document.circle4 : document.all.circle4.style;             

    var circle5 = (isNS) ? document.circle5 : document.all.circle5.style;             

    var circle6 = (isNS) ? document.circle6 : document.all.circle6.style;             

    var website = (isNS) ? document.website : document.all.website.style;             

    var text1 = (isNS) ? document.text1 : document.all.text1.style;             

    var text2 = (isNS) ? document.text2 : document.all.text2.style;             

    var text3 = (isNS) ? document.text3 : document.all.text3.style;             

    var text4 = (isNS) ? document.text4 : document.all.text4.style;             

    var text5 = (isNS) ? document.text5 : document.all.text5.style;             

    var text6 = (isNS) ? document.text6 : document.all.text6.style;             

                 

    slidepicture(0, 0);             

</SCRIPT>

<style>

<!--

.circle      { font-family: Verdana, Helvetica; font-size: 12px; color: #000000; position:

               absolute; visibility: hidden; z-index: 2 }

.text        { text-align: left; font-family: Verdana, Helvetica; font-size: 12px; color:

               #000000; position: absolute; top: 185px; left: 280px; width:

               225px; visibility: hidden; z-index: 0 }

.picture     { font-family: Verdana, Helvetica; font-size: 12px; color: #000000; position:

               absolute; top: 10px; left: 10px; visibility: visible; z-index:

               1 }

-->

</style>

0 Comments

Mon

02

Mar

2009

141、刷新等待

141、刷新等待

脚本说明:

<script language="JavaScript">

 

//configure refresh interval (in seconds)

var countDownInterval=60;

//configure width of displayed text, in px (applicable only in NS4)

var c_reloadwidth=200

 

</script>

 

 

<ilayer id="c_reload" width=&{c_reloadwidth}; ><layer id="c_reload2" width=&{c_reloadwidth}; left=0 top=0></layer></ilayer>

 

<script>

 

var countDownTime=countDownInterval+1;

function countDown(){

countDownTime--;

if (countDownTime <=0){

countDownTime=countDownInterval;

clearTimeout(counter)

window.location.reload()

return

}

if (document.all) //if IE 4+

document.all.countDownText.innerText = countDownTime+" ";

else if (document.getElementById) //else if NS6+

document.getElementById("countDownText").innerHTML=countDownTime+" "

else if (document.layers){ //CHANGE TEXT BELOW TO YOUR OWN

document.c_reload.document.c_reload2.document.write('Next <a href="javascript:window.location.reload()">refresh</a> in <b id="countDownText">'+countDownTime+' </b> seconds')

document.c_reload.document.c_reload2.document.close()

}

counter=setTimeout("countDown()", 1000);

}

 

function startit(){

if (document.all||document.getElementById) //CHANGE TEXT BELOW TO YOUR OWN

document.write('离下一次<a href="javascript:window.location.reload()">刷新</a>还有 <b id="countDownText">'+countDownTime+' </b>')

countDown()

}

 

if (document.all||document.getElementById)

startit()

else

window.onload=startit

 

</script>

 

0 Comments

Mon

02

Mar

2009

140、链接的文字解释

140、链接的文字解释

脚本说明:

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

<style type="text/css">

a {color:#000000; text-decoration:none; font-weight:500;}

a:hover {color:#000000; text-decoration:underline; font-weight:500;}

body {background-color:#ffffff;}

#divTooltip {position:absolute; top:0px; width:185px; visibility:hidden; z-index:200; background-color:#f3f3f3; layer-background-color:#f3f3f3;}

.normalStyle    {padding:2px; text-align:center; font-weight:500; width:185px; color:#000000; top:100px; font-family:verdana,arial,helvetica; font-size:11px; background-color:#f3f3f3; layer-background-color:#f3f3f3; border-width:1px; border-style:solid; border-color:#000000; cursor:default;}

.netscape4Style {padding:0px; font-weight:500; width:185px; color:#000000; top:100px; font-family:verdana,arial,helvetica; font-size:11px; background-color:#f3f3f3; layer-background-color:#f3f3f3; border:1px solid #000000;}

</style>

<script language="JavaScript" type="text/javascript">

function lib_bwcheck(){ //Browsercheck (needed)

       this.ver=navigator.appVersion

       this.agent=navigator.userAgent

       this.dom=document.getElementById?1:0

       this.opera5=this.agent.indexOf("Opera 5")>-1

       this.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.ie6

       this.mac=this.agent.indexOf("Mac")>-1

       this.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()

 

 

// Variables to set:

 

messages= new Array()

// Write your descriptions in here.

messages[0]="这是第一个链接的解释"

messages[1]="这是第二个链接的解释"

messages[2]="这是第三个链接的解释"

// To have more descriptions just add to the array.

 

fromX= 20           // How much from the actual mouse X should the description box appear?

fromY= 5            // How much from the actual mouse Y should the description box appear?

ns4center= 1        // Centering the text in ns4 doesn't work with css, use this variable instead... the value is 1 or 0

useFading= 1        // 1 for a fading effect in windows explorer 5+ and all platforms ns6, 0 for no fading effect.

animation= 0        // 1 if you want animation, 0 for no animation.

detectiontype= 0    // 1 for 'smooth' window size detection, 0 for 'flip' window size detection.

delay= 300          // The time before showing the popup, in milliseconds.

 

 

/*** There should be no need to change anything beyond this. ***/

 

if(document.layers){ //NS4 resize fix.

    scrX= innerWidth; scrY= innerHeight;

    onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} };

}

 

// object constructor...

function makeTooltip(obj){                                                   

     this.elm= document.getElementById? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0;

     this.css= bw.ns4?this.elm:this.elm.style;

     this.wref= bw.ns4?this.elm.document:this.elm;

       this.obj= obj+'makeTooltip'; eval(this.obj+'=this');

       this.w= bw.ns4? this.elm.clip.width: this.elm.offsetWidth;

       this.h= bw.ns4? this.elm.clip.height: this.elm.offsetHeight;

};

makeTooltip.prototype.measureIt= function(){

       this.w= bw.ns4? this.elm.clip.width: this.elm.offsetWidth;

       this.h= bw.ns4? this.elm.clip.height: this.elm.offsetHeight;

};

makeTooltip.prototype.writeIt= function(text){

       if (bw.ns4) {this.wref.write(text); this.wref.close()}

       else this.wref.innerHTML= text;

};

 

// Mousemove detection

var mouseX=0,mouseY=0,setX=0,setY=0;

function getMousemove(e){

       mouseX= (bw.ns4||bw.ns6)? e.pageX: bw.ie4&&bw.win? event.x: bw.ie&&bw.win&&!bw.ie4? (event.x-2)+document.body.scrollLeft : event.x+document.body.scrollLeft;

       mouseY= (bw.ns4||bw.ns6)? e.pageY: bw.ie4&&bw.win? event.y: bw.ie&&bw.win&&!bw.ie4? (event.y-2)+document.body.scrollTop : event.y+document.body.scrollTop;

       if (isLoaded && hovering && animation) placeIt();

};

function placeIt(){

       if (detectiontype==1) setX= mouseX+fromX+tooltip.w > screenWscrolled ? screenWscrolled-tooltip.w: mouseX+fromX;

       if (detectiontype==1) setY= mouseY+fromY+tooltip.h > screenHscrolled ? screenHscrolled-tooltip.h: mouseY+fromY;

       if (detectiontype==0) setX= mouseX+fromX+tooltip.w > screenWscrolled ? mouseX-fromX-tooltip.w: mouseX+fromX;

       if (detectiontype==0) setY= mouseY+fromY+tooltip.h > screenHscrolled ? mouseY-fromY-tooltip.h: mouseY+fromY;

       if (setX<0) setX= 0;

       if (setY<0) setY= 0;

       tooltip.css.left= setX;

       tooltip.css.top= setY;

};

 

// Main popUp function.

var hovering=false, screenWscrolled=0, screenHscrolled=0;

makeTooltip.prototype.showTimer= null;

function popUp(num){

       if(isLoaded){

              clearTimeout(tooltip.popTimer);

              dopopOut();

              if (bw.ns4){

                     var text= '<span class="netscape4Style">' + (ns4center?'<center>':"") + messages[num] + (ns4center?'</center>':"") + '</span>';

                     tooltip.writeIt(text);

              }

              if (!bw.ns4) tooltip.writeIt(messages[num]);

              screenWscrolled= screenW + (bw.ie?document.body.scrollLeft:pageXOffset);

              screenHscrolled= screenH + (bw.ie?document.body.scrollTop:pageYOffset);

              hovering= true;

             

              /* I'm using a timeout for ie4 here, because it doesn't store the measurements quickly enough. Does anybody know why this happens? */

              if (bw.ie4) setTimeout('tooltip.measureIt(); placeIt();', delay/2);

              else { tooltip.measureIt(); placeIt(); }

              if (useFading) tooltip.showTimer= setTimeout('tooltip.blendIn()', delay);

              if (!useFading) tooltip.showTimer= setTimeout('tooltip.css.visibility="visible"', delay);

    }

};

 

// Hiding routines

makeTooltip.prototype.popTimer= null;

function popOut(){

       if (isLoaded) tooltip.popTimer= setTimeout('dopopOut()', 30)

};

function dopopOut(){

       hovering= false;

       clearTimeout(tooltip.showTimer);

       tooltip.css.visibility= 'hidden';

       clearTimeout(tooltip.fadeTimer);

       tooltip.i= 0;

};

 

// Measure screensize.

var scrollbarWidth= bw.ns6&&bw.win?14:bw.ns6&&!bw.win?16:bw.ns4?16:0;

function measureScreen() {

       tooltip.css.top= 0;

       tooltip.css.left= 0;

       screenW= (bw.ie?document.body.clientWidth:innerWidth) - scrollbarWidth;

       screenH= (bw.ie?document.body.clientHeight:innerHeight);

};

 

// Opacity methods.

makeTooltip.prototype.blendIn= function(){

       if (bw.ie && bw.win && !bw.ie4) {

              this.css.filter= 'blendTrans(duration=0.5)';

              this.elm.filters.blendTrans.apply();

              this.css.visibility= 'visible';

              this.elm.filters.blendTrans.play();

       }

       else {

              this.css.visibility= 'visible';

              if (!bw.ns4) this.fadeIt();

       }

};

makeTooltip.prototype.step= 8;

makeTooltip.prototype.i= 0;

makeTooltip.prototype.fadeTimer= null;

makeTooltip.prototype.fadeIt= function(){

       this.i+= this.step;

       //this.css.filter= 'alpha(opacity='+this.i+')';

       this.css.MozOpacity= this.i/100;

       if (this.i<100) this.fadeTimer= setTimeout(this.obj+'.fadeIt()', 40);

       else this.i= 0;

};

 

// Init function...

var isLoaded= false;

function popupInit(){

       //Fixing the browsercheck for opera... this can be removed if the browsercheck has been updated!!

       bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false

       if (bw.opera5) bw.ns6 = 0

      

       //Extending the browsercheck to add windows platform detection.

       bw.win= (navigator.userAgent.indexOf('Windows')>-1)

 

       tooltip= new makeTooltip('divTooltip');

       tooltip.elm.onmouseover= function(){ clearTimeout(tooltip.popTimer); if(bw.ns4){setTimeout('clearTimeout(tooltip.popTimer)',20)}; };

       tooltip.elm.onmouseout= dopopOut;

       if (bw.ns4) document.captureEvents(Event.MOUSEMOVE);

       document.onmousemove= getMousemove;

       measureScreen();

       if (!bw.ns4) onresize= measureScreen;

       if (!bw.ns4) tooltip.elm.className= 'normalStyle';

       if (bw.ie && bw.win && !bw.ie4) tooltip.css.filter= 'alpha(opacity=100)'; //Preloads the windows filters.

       isLoaded= true;

};

 

// Initiates page on pageload if the browser is ok.

if(bw.bw && !isLoaded) onload= popupInit;

</script>

<table width="370" cellpadding="1" cellspacing="0" border="0" bgcolor="#666666" align="center"><tr><td>

<table width="100%" cellpadding="10" cellspacing="0" border="0" bgcolor="#f3f3f3"><tr><td>

<font face="verdana,arial,helvetica-sans-serif" size="2" color="#666666">阿曼的优势是脚下控球技术好,局部配合尚好,反击速度快,因此明天的比赛,双方较量的内容很多,中国队中前场的逼抢、后防线几个人的协防都是要点,更重要的是如果对方凭借主场之力竭力打快,中国队必须量力而行,如果体能不成问题,就要比对手更快,打乱对方的节奏,你快,我比你还要快;假如天气因素和其他场外因素突出,国家队大可不必与对手斗狠,利用身体优势和大范围的转移牵制对手,控制节奏,“引狼出窝”,主动权自然就会到我们手中,结局也会如我们所愿。<br>

<br>

<p align="right">

<a href="#" onmouseover="popUp(0)" onmouseout="popOut()" onclick="useFading=useFading?0:1; return false;" onfocus="if(this.blur)this.blur()">链接一</a><br>

<a href="#" onmouseover="popUp(1)" onmouseout="popOut()" onclick="animation=animation?0:1; return false;" onfocus="if(this.blur)this.blur()">链接二</a><br>

<a href="#" onmouseover="popUp(2)" onmouseout="popOut()" onclick="detectiontype=detectiontype?0:1; return false;" onfocus="if(this.blur)this.blur()">链接三</a></p>

</font>

</td></tr></table>

</td></tr></table>

<div id="divTooltip"></div>

 

 

0 Comments

Mon

02

Mar

2009

139、极酷分级导航

139、极酷分级导航

脚本说明:

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

<style type="text/css">

.dot         { position: absolute; width: 6; height: 6; visibility: hidden; background-color: red; font-size: 1px; cursor: pointer; cursor: hand; z-index: 100 }

.dotoff      { position: absolute; width: 6; height: 6; visibility: hidden; background-color: gray; font-size: 1px; cursor:default; z-index: 100}

.dotempty    { position: absolute; width: 6; height: 6; visibility: hidden; background-color: orange; font-size: 1px; cursor: pointer; cursor: hand; zindex: 100 }

.caption     { position: absolute; visibility: hidden; font-family: Tahoma; color: black;

               font-size: 11px; text-align: Center; cursor: default; z-index:

               1 }

 

body                 { margin: 0px; background-color: white; }

a                       { color: silver; text-decoration: none }

p                      { font-size: 10px; font-family: tahoma; color: black }

</style>

<script language="JavaScript" type="text/javascript">

function lib_bwcheck(){ //Browsercheck (needed)

       this.ver=navigator.appVersion

       this.agent=navigator.userAgent

       this.dom=document.getElementById?1:0

       this.opera5=this.agent.indexOf("Opera 5")>-1

       this.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.ie6

       this.mac=this.agent.indexOf("Mac")>-1

       this.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()

 

 

// The code of this script is in the body, the browsercheck above is not used.

 

</script>

<script language="javascript1.2" type="text/javascript">

<!--

// DotMenu

// provides cross-browser functionality

//======================================

function getObjectRef(name) {

  if(document.getElementById) return document.getElementById(name);

  else if(document.all) return document.all[name];

  else return null;

}

 

// general functions to assist the script

//========================================

function show(name) {

  var el = getObjectRef(name);

  if(el) el.style.visibility = "visible";

}

function hide(name) {

  var el = getObjectRef(name);

  if(el) el.style.visibility = "hidden";

}

function getWidth(name) {

  var el = getObjectRef(name);

  return el.offsetWidth;

}

function getHeight(name) {

  var el = getObjectRef(name);

  return el.offsetHeight;

}

function moveMe(name,x,y) {

  var el = getObjectRef(name);

  if(el) { el.style.top = parseInt(y); el.style.left = parseInt(x); } 

}

function moveBy(name,x,y) {

  var el = getObjectRef(name);

  if(el) { el.style.top = parseInt(el.style.top) + parseInt(y); el.style.left = parseInt(el.style.left) + parseInt(x); } 

}

 

// Creates the menu objects

//==========================

var menuCount = 0;

function menuObject(name,x,y,caption, r, parent) {

  if ( (!document.getElementById&&!document.all) || navigator.userAgent.indexOf("Opera")>-1) return;

  document.write('<div id="divDot' + menuCount + '" class="dotempty" style="top: ' + y + '; left: ' + x + '"></div>');

  document.write('<div id="divCap' + menuCount + '" class="caption" style="top: 0; left: 0">' + caption + '</div>');

 

  this.name = name;

  this.parent = parent

  this.ref = "divDot" + menuCount;

  this.caption = "divCap" + menuCount

  if(r) this.radius = r;

  else this.radius = 400;

  this.subMenus = new Array();

  this.state = 0;

  this.moving = false;

  if(this.parent) this.action = "null";

  else this.action = "toggle";

  if(this.parent) this.startAngle = parent.startAngle;

  else this.startAngle = 0;

 

  getObjectRef(this.ref).objRef = this.name;

 

  this.show = function() { show(this.ref); }

  this.hide = function() { hide(this.ref); }

  this.moveMe = function(x,y) { if(this.parent) { x += this.parent.x(); y += this.parent.y(); } moveMe(this.ref,x,y); }

  this.moveBy = function(x,y) { moveBy(this.ref,x,y); }

  this.x = function() { return parseInt(getObjectRef(this.ref).style.left); }

  this.y = function() { return parseInt(getObjectRef(this.ref).style.top); }

  this.w = function() { return getWidth(this.ref); }

  this.h = function() { return getHeight(this.ref); }

 

  this.showCaption = function() {

    moveMe(this.caption, this.x() - (getWidth(this.caption)/2) + (this.w()/2), (this.y() + this.h()));

    show(this.caption);

  }

  this.hideCaption = function() {

    hide(this.caption);

  }

  this.setCaption = function(c) { getObjectRef(this.caption).innerHTML = c;}

 

  this.addItem = function(c,action,r) {

    getObjectRef(this.ref).className = "dot";

    if(!r) r = this.radius/2;

    var sub = new menuObject(this.name + ".subMenus[" + this.subMenus.length + "]",0,0,c,r,this);

    sub.parent = this;

    sub.action = action;

    sub.moveMe(0,0);

    this.subMenus[this.subMenus.length] = sub;

    return sub;

  }

 

  this.expand = function() {

    if(this.subMenus.length > 0) {

      var p = true;

      if(this.parent) {

        p = !this.parent.moving;

        for(var i=0; i<this.parent.subMenus.length;i++)

          p = p && ((this.parent.subMenus[i].state==0) || (this.parent.subMenus[i].state==this.parent.subMenus[i].subMenus.length)) && (this.parent.subMenus[i].moving==false);

      } else var o = false;

     

 

      if((!this.parent || this.parent.state == this.parent.subMenus.length) && p) {

        if(this.parent) this.collapseAll(this.name);

       

        var diff = 360 / this.subMenus.length;

        for(var i=0;i<this.subMenus.length;i++){

          this.subMenus[i].moveMe(0,0);

          this.subMenus[i].show();

          this.moving = true;

          this.subMenus[i].slide(this.subMenus[i].radius * cos(degToRad((diff*i)+this.startAngle)), this.subMenus[i].radius * sin(degToRad((diff*i)+this.startAngle)), this.name + ".subMenus[" + i + "].showCaption();" + this.name + ".moving=false;" + this.name + ".state+=1;");

        }

        if(this.parent){

          getObjectRef(this.parent.ref).style.filter = "alpha (opacity=33)";

          getObjectRef(this.parent.ref).style.MozOpacity = "33%";

 

          getObjectRef(this.parent.ref).className = "dotoff";

          getObjectRef(this.parent.caption).style.filter = "alpha (opacity=33)";

          getObjectRef(this.parent.caption).style.MozOpacity = "33%";

          for(i=0;i<this.parent.subMenus.length;i++) {

              getObjectRef(this.parent.subMenus[i].ref).style.filter = "alpha (opacity=66)";

              getObjectRef(this.parent.subMenus[i].ref).style.MozOpacity = "66%";

              getObjectRef(this.parent.subMenus[i].caption).style.filter = "alpha (opacity=66)";

              getObjectRef(this.parent.subMenus[i].caption).style.MozOpacity = "66%";       

          }

          if(this.parent.parent) {

            for(i=0;i<this.parent.parent.subMenus.length;i++) {

              getObjectRef(this.parent.parent.subMenus[i].ref).style.filter = "alpha (opacity=33)";

              getObjectRef(this.parent.parent.subMenus[i].ref).style.MozOpacity = "33%";

              getObjectRef(this.parent.parent.subMenus[i].ref).className = "dotoff";

              getObjectRef(this.parent.parent.subMenus[i].caption).style.filter = "alpha (opacity=33)";       

              getObjectRef(this.parent.parent.subMenus[i].caption).style.MozOpacity = "33%";

            }

            getObjectRef(this.parent.parent.ref).style.MozOpacity = "33%";

            getObjectRef(this.parent.parent.ref).style.MozOpacity = "33%";

            getObjectRef(this.parent.parent.ref).className = "dotoff";

          }

        }

        getObjectRef(this.ref).style.filter = "alpha (opacity=66)";

        getObjectRef(this.caption).style.filter = "alpha (opacity=66)"; 

        getObjectRef(this.ref).style.MozOpacity = "66%";

        getObjectRef(this.caption).style.MozOpacity = "66%";

      }

    } 

  }

 

  this.collapse = function() {

    var p = true;

    p = !this.moving;

    for(var i=0; i<this.subMenus.length;i++)

      p = p && (this.subMenus[i].state==0)  && (this.subMenus[i].moving==false);

   

    if(p && this.subMenus.length > 0) {

      for(var i=0;i<this.subMenus.length;i++){

        this.subMenus[i].hideCaption();

        this.moving = true;

        this.subMenus[i].slide(0, 0, this.name + ".subMenus[" + i + "].hide();" + this.name + ".moving=false;" + this.name + ".state-=1;");

      }

      if(this.parent){

        getObjectRef(this.parent.ref).style.filter = "alpha (opacity=66)";

        getObjectRef(this.parent.ref).style.MozOpacity = "66%";

        if(this.parent.subMenus.length != 0)

          getObjectRef(this.parent.ref).className = "dot";

        else

          getObjectRef(this.parent.ref).className = "dotempty";

        getObjectRef(this.parent.caption).style.filter = "alpha (opacity=66)";

        getObjectRef(this.parent.caption).style.MozOpacity = "66%";

        for(i=0;i<this.parent.subMenus.length;i++) {

          getObjectRef(this.parent.subMenus[i].ref).style.filter = "alpha (opacity=100)";

          getObjectRef(this.parent.subMenus[i].ref).style.MozOpacity = "100%";

          if(this.parent.subMenus[i].subMenus.length != 0)

            getObjectRef(this.parent.subMenus[i].ref).className = "dot";

          else

            getObjectRef(this.parent.subMenus[i].ref).className = "dotempty";

          getObjectRef(this.parent.subMenus[i].caption).style.filter = "alpha (opacity=100)";       

          getObjectRef(this.parent.subMenus[i].caption).style.MozOpacity = "100%";

        }

        if(this.parent.parent) {

          for(i=0;i<this.parent.parent.subMenus.length;i++) {

            getObjectRef(this.parent.parent.subMenus[i].ref).style.filter = "alpha (opacity=66)";

            getObjectRef(this.parent.parent.subMenus[i].ref).style.MozOpacity = "66%";

            if(this.parent.parent.subMenus[i].subMenus.length != 0)

              getObjectRef(this.parent.parent.subMenus[i].ref).className = "dot";

            else

              getObjectRef(this.parent.parent.subMenus[i].ref).className = "dotempty";

            getObjectRef(this.parent.parent.subMenus[i].caption).style.filter = "alpha (opacity=66)";       

            getObjectRef(this.parent.parent.subMenus[i].caption).style.MozOpacity = "66%";

          }

        }

      }

      getObjectRef(this.ref).style.filter = "alpha (opacity=100)";

      getObjectRef(this.caption).style.filter = "alpha (opacity=100)";      

      getObjectRef(this.ref).style.MozOpacity = "100%";

      getObjectRef(this.caption).style.MozOpacity = "100%";

    }

  }

 

  this.collapseAll = function(except) {

    for(var i=0;i<this.parent.subMenus.length;i++) {

      if(this.parent.subMenus[i].name!=except && this.parent.subMenus[i].state==this.parent.subMenus[i].subMenus.length) {

        this.parent.subMenus[i].collapse();

      }   

    }

  }

 

  this.toggle = function(e) {

    if(document.all) id = window.event.srcElement;

    else id = e.target;

    var dot = eval(id.objRef);

   

    if(dot.state==0 && !dot.moving) dot.expand();

    else if(dot.state==dot.subMenus.length && !dot.moving) dot.collapse()

  }

 

  this.doAction = function(e) {

    if(document.all) id = window.event.srcElement;

    else id = e.target;

    var dot = eval(id.objRef);

   

    if(dot.action == "toggle") dot.toggle(e);

    else eval(dot.action);

  }

 

  //change these if you want to change the events that trigger the actions

  //========================================================================

  //getObjectRef(this.ref).onmousemove = this.toggle;

  getObjectRef(this.ref).onmouseup = this.doAction;

 

  this.slide = function(xx,yy,func) {

    if(!func) func = "";

    var px = this.parent.x();

    var py = this.parent.y();

   

    var x = xx - this.x() + px;

    var y = yy - this.y() + py;

   

    var d = sqrt(square(xx-this.x() + px) + square(yy-this.y() + py));

   

    var v = d/8;

    if(v<1) v = 1;

       

    if( (Math.abs(x) < v) && (Math.abs(y) < v) ) {

      moveMe(this.ref,xx + px,yy + py);     

      if(func != "") eval(func);

    } else {   

      var a = round(atan(x,y));

      dx = round(v * cos(degToRad(a)));

      dy = round(v * sin(degToRad(a)));

  

      this.moveBy(dx,dy);

      setTimeout(this.name + ".slide(" + xx + "," + yy + ", '" + func + "');",10);   

    }

  }

  // Preoading the windows filters.

  if (menuCount==0 && document.all) document.all[this.ref].style.filter = "alpha (opacity=100)";

  menuCount++;

  return this;

}

 

 

// Math functions

//================

var pi = Math.PI;

function square(x) { return (x*x); }

function sqrt(x) { return Math.sqrt(x); }

function round(x) { return Math.round(x); }

function rand(x,y) { return (round(Math.random()*(y-x)) + x); }

 

function cos(x) { return Math.cos(x) }

function sin(x) { return Math.sin(x) }

      

function degToRad(x) { return ( x/(360/(2*pi)) ); }

function radToDeg(x) { return ( x*(360/(2*pi)) ); }

 

 

function atan(s,t) {

  if( s == 0.0 && t > 0.0)

    angle = 90.0;

  else if(s == 0.0 && t < 0.0)

    angle = 270.0;

  else if (s < 0.0 )

    angle = 180.0 + radToDeg(Math.atan(t/s));

  else if (s > 0.0 && t < 0.0)

    angle = 360.0 + radToDeg(Math.atan(t/s));

  else {

    if(s==0.0) s=0.00001;

    angle = radToDeg(Math.atan(t/s));

  }

  if(angle < 0.0) angle += 360.0;

  return angle;

}

//get dimentions of the page

if(document.all) pageWidth = document.body.offsetWidth-20;

else pageWidth = innerWidth;

if(document.all) pageHeight = document.body.offsetHeight-4;

else pageHeight = innerHeight;

 

//Create main menu

var menu = new menuObject("menu",pageWidth/2,pageHeight/2,"DhtmlCentral Site Map",pageHeight/2);

menu.startAngle = -90;

 

//show menu and caption

menu.show();

menu.showCaption();

 

//Add submenus

menu.addItem("news","window.open('/news')");

menu.addItem("scripts","toggle");

menu.addItem("tutorials","toggle");

menu.addItem("forums","toggle");

menu.addItem("resources","toggle");

 

menu.subMenus[1].addItem("FoldOutMenu","window.open('/script/script22.asp')");

menu.subMenus[1].addItem("Loading Bar","window.open('/script/script17.asp')");

menu.subMenus[1].addItem("Window Script","window.open('/script/script16.asp')");

menu.subMenus[1].addItem("PageSlideFade","window.open('/script/script15.asp')");

menu.subMenus[1].addItem("Circle Menu","window.open('/script/script14.asp')");

menu.subMenus[1].addItem("Annimation Intro","window.open('/script/script9.asp')");

menu.subMenus[1].addItem("NewsSlideFade","window.open('/script/script10.asp')");

menu.subMenus[1].addItem("Other Scripts","window.open('/script/')");

 

 

menu.subMenus[2].addItem("Scripting for vs5 browsers","window.open('/tutorials/tutorial5.asp')");

menu.subMenus[2].addItem("Makeing a Dhtml Script","window.open('/tutorials/tutorial6.asp')");

menu.subMenus[2].addItem("Filters & Transitions","window.open('/tutorials/tutorial4.asp')");

menu.subMenus[2].addItem("Dhtml Library","window.open('/tutorials/tutorial3.asp')");

menu.subMenus[2].addItem("Document Size","window.open('/tutorials/tutorial2.asp')");

menu.subMenus[2].addItem("Dhtml Intro","window.open('/tutorials/tutorial1.asp')");

 

menu.subMenus[3].addItem("Forum listings","window.open('/forums')");

menu.subMenus[3].addItem("Cool Sites","window.open('/forums/forum.asp?FORUM_ID=1&CAT_ID=1&Forum_Title=Cool+sites')");

menu.subMenus[3].addItem("CoolMenus","window.open('/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')");

menu.subMenus[3].addItem("Cross Browser","window.open('/forums/forum.asp?FORUM_ID=3&CAT_ID=1&Forum_Title=Crossbrowser+DHTML')");

menu.subMenus[3].addItem("Scripts","window.open('/forums/forum.asp?FORUM_ID=4&CAT_ID=1&Forum_Title=DHTML+Scripts')");

menu.subMenus[3].addItem("General","window.open('/forums/forum.asp?FORUM_ID=6&CAT_ID=1&Forum_Title=General+DHTML+issues')");

menu.subMenus[3].addItem("Off-Topic","window.open('/forums/forum.asp?FORUM_ID=9&CAT_ID=1&Forum_Title=Off%2Dtopic')");

 

 

c = menu.subMenus[4].addItem("Cool Sites","toggle");

c.startAngle = 15;

menu.subMenus[4].addItem("Portals","window.open('/resources/default.asp?catid=7&cattitle=Portals')");

menu.subMenus[4].addItem("Script Sites","window.open('/resources/default.asp?catid=1&cattitle=Script+sites')");

menu.subMenus[4].addItem("Tutorials &<br>References","toggle");

 

menu.subMenus[4].subMenus[0].addItem("Comercial Sites","window.open('/resources/default.asp?catid=5&cattitle=Commercial+sites')");

menu.subMenus[4].subMenus[0].addItem("Personal Sites","window.open('/resources/default.asp?catid=6&cattitle=Personal+sites')");

menu.subMenus[4].subMenus[0].addItem("Experimental Projects","window.open('/resources/default.asp?catid=4&cattitle=Experimental+projects')");

 

menu.subMenus[4].subMenus[3].addItem("References","window.open('/resources/default.asp?catid=8&cattitle=References')");

menu.subMenus[4].subMenus[3].addItem("Tutorials & Articles","window.open('/resources/default.asp?catid=9&cattitle=Tutorials+and+Articles')");

 

 

//--></script>

0 Comments

Mon

02

Mar

2009

138、下拉菜单导航2

138、下拉菜单导航2

脚本说明:

<FORM>

<SELECT  onchange="window.open(this.options[this.selectedIndex].value,'_self')"  size=1>

<OPTION selected>点击即可进入

<OPTION  value=http://www.csinfo.com/>长沙信息港

<OPTION  value=http://www.cfi.net.cn/>中国财经信息网

<OPTION  value=http://www.7stk.com/1/index06.htm>天气预报代码

<OPTION  value=http://www.7stk.com>网页特效代码

</SELECT></FORM>

 

0 Comments

Mon

02

Mar

2009

137、下拉菜单导航

137、下拉菜单导航

脚本说明:

<script language="JavaScript">

<!--

DestinationAndTitle=new Array()

DestinationAndTitle[0]="http://www.5wind.com/*五色风"

DestinationAndTitle[1]="http://www.7stk.com/*网页特效代码"

DestinationAndTitle[2]="http://www.mycolour.net/*创美室—出色女人"

DestinationAndTitle[3]="http://go88.net/~asp*asp俱乐部"

DestinationAndTitle[4]="http://www.7stk.com/*网页特效代码"

DestinationAndTitle[5]="http://www.d2sky.com/*子昂轩"

Top=0;

Left=0;

Height=400;

Width=600;

//1 = yes, 0 = no

ToolBar=0;

Location=0;

Directories=0;

Status=0;

MenuBar=0;

Scroll=0;

Resize=0;

function PopUp(){

var url=document.F.S.options[document.F.S.options.selectedIndex].value;

if (url != ''){

 if  (!window.popupwin || popupwin.closed)

 popupwin=open(url,"","top="+Top+",left="+Left+",width="+Width+",height="+Height+",status="+Status+",directories="+Directories+",location="+Location+",toolbar="+ToolBar+",menubar="+MenuBar+"scrollbars="+Scroll+",resizable="+Resize+"");

 else{

 popupwin.close();

 popupwin=open(url,"","top="+Top+",left="+Left+",width="+Width+",height="+Height+",status="+Status+",directories="+Directories+",location="+Location+",toolbar="+ToolBar+",menubar="+MenuBar+"scrollbars="+Scroll+",resizable="+Resize+"");

 }

}

else return false;

}

document.write("<form name='F'><select name='S'class=textfields onchange=PopUp()> <option value='#'>访问我们的友情站点</option>");

for (i=0; i < DestinationAndTitle.length; i++){

var urlMsg=DestinationAndTitle[i].split('*')

document.write("<option value="+urlMsg[0]+">"+urlMsg[1])}

document.write("</select></form>");

//-->

</script>

0 Comments

Mon

02

Mar

2009

136、导航菜单的展开

136、导航菜单的展开

脚本说明:

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var winprops = "height=500,width=500,location=no,scrollbars=no,"

             + "menubars=no,toolbars=no,resizable=yes";

var visMnu = "";

var actMnu, url;

 

function menuHandler(actMnu,url)

{

   popup = window.open("http://"+url,"MenuPopup",winprops);

   hideMenu(actMnu);

   popup.focus()

}

function flipMenu(actMnu)

{

   if (visMnu == "")

      showMenu(actMnu);

   else

   {

      if (visMnu == actMnu)

         hideMenu(actMnu);

      else

      {

         hideMenu(visMnu);

         showMenu(actMnu);

      }

   }

}

function showMenu(actMnu)

{

   actMnu.style.background = "#889933"; /* modify menu-background-color */

   actMnu.style.visibility = "visible";

   visMnu = actMnu;

}

function hideMenu(actMnu)

{

   actMnu.style.background = ""; /* modify color "selected" */

   actMnu.style.visibility = "hidden";

   visMnu = "";

}

//  End -->

</script>

<table name=NaviBar border=0>

<colgroup width="110" span="2"></colgroup>

<tr bgcolor=#FF9933 style="cursor:default">

<td align=center onMousedown="flipMenu(document.all.Mnu1)"> 综合站点 </td>

<td align=center onMousedown="flipMenu(document.all.Mnu2)"> 专业站点 </td>

</tr>

<tr>

<td valign="top">

<table id=Mnu1 width=100% style="cursor:default; visibility:hidden;">

<tr><td onClick="menuHandler(Mnu1,'www.sohu.com/')"> <a href="#">

        搜狐 </a> </td></tr>

<tr><td onClick="menuHandler(Mnu1,'www.163.com/')"> <a href="#">

        网易 </a> </td></tr>

<tr><td onClick="menuHandler(Mnu1,'www.sina.com/')"> <a href="#">

        新浪网 </a> </td></tr>

<tr><td onClick="menuHandler(Mnu1,'www.263.net/')"> <a href="#">

        首都在线 </a> </td></tr>

</table>

</td>

<td valign="top">

<table id=Mnu2 width=100% style="cursor:default; visibility:hidden;">

<tr><td onClick="menuHandler(Mnu2,'www.aspsky.com/')"> <a href="#">

        动网 </a> </td></tr>

<tr><td onClick="menuHandler(Mnu2,'www.7stk.com/')"> <a href="#">

        资源网 </a> </td></tr>

<tr><td onClick="menuHandler(Mnu2,'www.phpuser.com/')"> <a href="#">

        PHP之家 </a> </td></tr>

</table>

</td>

</tr>

</table>

 

0 Comments

Mon

02

Mar

2009

135、文字导航的说明条

135、文字导航的说明条

脚本说明:

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

<style>

<!--

 

.BorderOn  { width:90px;

             margin-left:2px;

             border:1px solid #456789 }

.BorderOff { width:90px;

             margin-left:0px;

             border:1px solid #444444 }

            

A.mBlue:link      {color:#00CCFF; text-decoration:none;}

A.mBlue:visited   {color:#00CCFF; text-decoration:none;}

A.mBlue:active    {color:#00CCFF; text-decoration:none;}

A.mBlue:hover     {color:#FF0000; text-decoration:underline;}       

 

A.mGreen:link     {color:#00FF80; text-decoration:none;}

A.mGreen:visited  {color:#00FF80; text-decoration:none;}

A.mGreen:active   {color:#00FF80; text-decoration:none;}

A.mGreen:hover    {color:#FF0000; text-decoration:underline;}

 

A.mYellow:link    {color:#FFFF00; text-decoration:none;}

A.mYellow:visited {color:#FFFF00; text-decoration:none;}

A.mYellow:active  {color:#FFFF00; text-decoration:none;}

A.mYellow:hover   {color:#FF0000; text-decoration:underline;}         

 

//-->            

</style>

<script language="JavaScript1.2">

<!--

offMessage = "欢迎你光临网络时空..."

 

function boxOn(which,message){

   if (document.all||document.getElementById){

      which.className='BorderOn'

      if (document.getElementById) {document.getElementById("Message").innerHTML = message}

         else {Message.innerHTML = message}

   }

}

 

function boxOff(which){

   if (document.all||document.getElementById){

      which.className='BorderOff'

      if (document.getElementById) {document.getElementById("Message").innerHTML = offMessage}

         else {Message.innerHTML = offMessage}

   }

}

 

//-->

</script>

<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'链接一的文字解释')" onMouseout="boxOff(this)">

  <tr>

    <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.7stk.com" target="_blank">链接一</a></font></td>

  </tr>

</table> 

<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'链接二的文字解释')" onMouseout="boxOff(this)">

  <tr>

    <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.7stk.com" target="_blank">链接二</a></font></td>

  </tr>

</table>

<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'链接三的文字解释')" onMouseout="boxOff(this)"> 

  <tr>

    <td><font color="#00FF80" size="2" face="Arial"><a class="mGreen" href="http://www.7stk.com" target="_blank">链接三</a></font></td>

  </tr>

</table>

<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'链接四的文字解释.')" onMouseout="boxOff(this)"> 

  <tr>

    <td><font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="http://www.7stk.com" target="_blank">链接四</a></font></td>

  </tr>

</table>

<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'链接五的文字解释.')" onMouseout="boxOff(this)"> 

  <tr>

    <td><font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="http://www.7stk.com" target="_blank">链接五</a></font></td>

  </tr>

</table>

<table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90">

<tr>

<td>

<table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100">

  <tr>

    <td align="left" valign="top"><font id="Message" color="#CBA987" size="2" face="Arial">欢迎你光临网页特效代码...</font></td>

  </tr>

</table>

 

 

0 Comments

Mon

02

Mar

2009

134、有说明的下拉菜单

134、有说明的下拉菜单

脚本说明:

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

<form name="a294" >

<select name="a969" size="1" style="background-color:#FFFFD7" onChange="displaydesc(document.a294.a969.selectedIndex)">

<option selected value="http://7stk.com">网页特效代码</option>

<option value="http://163.com">网易</option>

<option value="http://sohu.com">搜狐</option>

<option value="http://the9.com">第九城市</option>

</select>

 <input type="button" value="Go"

onClick="location=document.a294.a969.options[document.a294.a969.selectedIndex].value"><br>

<span id="descriptions" align="left" style="font:italic 13px Arial">

</span>

</form>

 

<script>

var textdisplay=new Array()

textdisplay[0]="有几千个各种各样的程序提供下载,你一定会非常喜欢它的"

textdisplay[1]="国内最大的综合性门户站点"

textdisplay[2]="国内最大的搜索引擎站点"

textdisplay[3]="国内最大的综合性游戏站点"

 

 

function displaydesc(which){

if (document.all)

descriptions.innerHTML=textdisplay[which]

else if (document.getElementById)

document.getElementById("descriptions").innerHTML=textdisplay[which]

}

 

displaydesc(document.a294.a969.selectedIndex)

 

document.a294.a969.options[0].selected=true

 

</script>

0 Comments

Mon

02

Mar

2009

133、右侧展开菜单

133、右侧展开菜单

脚本说明:

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

<style>

BODY {

       FONT-SIZE: 9pt; COLOR: #333333

}

DIV {

       FONT-SIZE: 9pt; COLOR: #333333

}

TD {

       FONT-SIZE: 9pt; COLOR: #333333

}

A:link {

       FONT-SIZE: 9pt; COLOR: #3366cc; LINE-HEIGHT: 13pt; TEXT-DECORATION: none

}

A:visited {

       FONT-SIZE: 9pt; COLOR: #3366cc; TEXT-DECORATION: none

}

A:active {

       FONT-SIZE: 9pt; TEXT-DECORATION: none

}

A:hover {

       COLOR: #0000ff; TEXT-DECORATION: underline

}

.kbhide {

       DISPLAY: none

}

#floater {

       Z-INDEX: -1; LEFT: 0px; VISIBILITY: visible; WIDTH: 5px; POSITION: absolute; TOP: 0px

}

.sfont {

       LINE-HEIGHT: normal

}

.greenb {

       FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #308080; TEXT-DECORATION: none

}

.orangeb {

       FONT-WEIGHT: bold; COLOR: #ffa000

}

.coffee {

       COLOR: #993300

}

.mfont {

       FONT-SIZE: 14px

}

.green {

       FONT-SIZE: 9pt; COLOR: #308080

}

.bg_lightyellow {

       BACKGROUND-COLOR: #fffaee

}

.bg_index {

       BACKGROUND-COLOR: #ffffcc

}

.bg_gray {

       BACKGROUND-COLOR: #eeeeee

}

.bg_dgray {

       BACKGROUND-COLOR: #cdcdcd

}

.bg_orange {

       COLOR: #ffffff; BACKGROUND-COLOR: #ffa000

}

.bg_dblue {

       COLOR: #ffffff; BACKGROUND-COLOR: #303880

}

.bg_coffee {

       COLOR: #ffffff; BACKGROUND-COLOR: #993300

}

.bg_dgraym {

       BACKGROUND-COLOR: #666666

}

.bg_lightyellowm {

       BACKGROUND-COLOR: #ffffee

}

.title {

       FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #339900

}

.pt9 {

       FONT-SIZE: 12px

}

.tch {

       COLOR: #ff0000; TEXT-DECORATION: underline

}

.article {

       FONT-SIZE: 14px; WORD-SPACING: normal; LINE-HEIGHT: 150%

}

.underline {

       TEXT-DECORATION: underline

}

A.p1 {

       COLOR: #000000

}

A.p1:visited {

       COLOR: #000000

}

A.p1:hover {

       COLOR: #ff0066

}

A.p1:active {

       COLOR: #ff6600

}

TABLE {

       FONT-SIZE: 9pt

}

.basicfont {

       FONT-SIZE: 9pt; LINE-HEIGHT: 14pt; TEXT-DECORATION: underline

}

.red {

       FONT-SIZE: 9pt; COLOR: #cc3300

}

.blue {

       COLOR: #3366cc

}

.menucolor {

       COLOR: #3366cc

}

.whitecolor {

       FONT-WEIGHT: normal; COLOR: #ffffff

}

.gray {

       FONT-SIZE: 9pt; COLOR: #808080; LINE-HEIGHT: 12pt; FONT-FAMILY: "宋体"

}

.pt12 {

       FONT-SIZE: 12pt

}

.gold {

       COLOR: #ffa000

}

.black {

       COLOR: #000000

}

.titlecolor {

       COLOR: #3366cc

}

.bluelink {

       FONT-SIZE: 12px; COLOR: #0000cc; TEXT-DECORATION: underline

}

.lxwhite {

       FONT-SIZE: 14px; COLOR: #ffffff

}

.new1 {

       FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #0033ff; FONT-VARIANT: normal; TEXT-DECORATION: underline

}

.ye {

       FONT-SIZE: 12px; COLOR: #262675; TEXT-DECORATION: underline

}

.fot {

       FONT-SIZE: 14px

}

.未命名1 {

       FONT-SIZE: 14px; COLOR: #cc3300

}

</style>

<SCRIPT language=JavaScript>

var mystat=0;

function myout(){mystat=0;window.setTimeout("mycheck()",5);}

function myin(){mystat=1;}

function mycheck(){if (mystat==0) MM_showHideLayers('price','','hide');}

 

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

  window.open(theURL,winName,features);

}

 

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_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; }

}

</script>

<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#111111

            cellSpacing=0 cellPadding=0 width=166 bgColor=#ffffff border=0>

              <TBODY>

              <TR>

                <TD height=17>

                  <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>

                    <TBODY>

                    <TR bgColor=#f8f8d2>

                      <TD vAlign=top width="100%" height=2>

                        <TABLE id=AutoNumber6

                        style="BORDER-LEFT-WIDTH: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px"

                        borderColor=#111111 cellSpacing=1 width="100%"

                        bgColor=#009999 border=1>

                          <TBODY>

                          <TR>

                            <TD

                            style="BORDER-RIGHT: medium none; BORDER-LEFT: medium none"

                            width="100%">

                              <P align=center><FONT color=#ffffff>= </FONT><FONT

                              class=whitecolor color=#000000>推荐配置大全 </FONT><FONT

                              color=#ffffff><B>=</B></FONT>

                        </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>

           

                          <TR>

                            <TD width="100%" bgColor=#66cc66><IMG height=12

                              src="a.gif" width=12 border=0> <SPAN

                              style="LETTER-SPACING: 8px"><B><FONT

                              color=#ffffff>按应用分类</FONT></B></SPAN> </TD></TR>

                          <TR>

                            <TD

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

                            onmouseout="MM_showHideLayers('Layer7','','hide')"

                            width="100%" bgColor=#ffffcc> <IMG height=12

                              src="a1.gif" width=12 border=0> <A

                              href="http://www.pconline.com.cn/pchardware/salon/index.html#">

                               </A><IMG height=18

                              src="jiantou.gif" width=23>

                              <DIV id=Layer7

                              style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 7; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 260px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; HEIGHT: 30px; BACKGROUND-COLOR: #ffffcc; layer-background-color: #FFFFCC">

                              <TABLE borderColor=#111111 cellSpacing=0

                              borderColorDark=#ffffff cellPadding=2 width="100%"

                              bgColor=#ffffcc border=1>

                                <TBODY>

                                <TR>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/wangba/wangbapujixing.htm"

                                target=_blank>网吧普及型</A></TD>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/wangba/game.htm"

                                target=_blank>网吧游戏型</A></TD></TR>

                                <TR>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/wangba/saiyang.htm"

                                target=_blank>赛扬二高性价比配置</A></TD>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/wangba/wending.htm"

                                target=_blank>稳定型网吧主机配置</A></TD></TR></TBODY></TABLE></DIV></TD></TR>

                         

                          <TR>

                            <TD

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

                            style="BORDER-BOTTOM: 1px solid"

                            onmouseout="MM_showHideLayers('Layer9','','hide')"

                            width="100%" bgColor=#ffffcc> <IMG height=12

                              src="a1.gif" width=12 border=0> <A

                              href="http://www.pconline.com.cn/pchardware/salon/index.html#">

                              </A><IMG height=18

                              src="jiantou.gif" width=23>

                              <DIV id=Layer9

                              style="Z-INDEX: 9; VISIBILITY: hidden; WIDTH: 260px; POSITION: absolute; HEIGHT: 90px">

                              <TABLE borderColor=#111111 cellSpacing=0

                              borderColorDark=#ffffff cellPadding=2 width="100%"

                              bgColor=#ffffcc border=1>

                                <TBODY>

                                <TR>

                                <TD width="50%"><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/lianjia-xuexi.htm"

                                target=_blank>廉价学习方案</A></TD>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/qiong-dvd.htm"

                                target=_blank>穷得发毛也看DVD</A></TD></TR>

                                <TR>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/qiongren.htm"

                                target=_blank>穷人玩电脑</A></TD>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/dulong.htm"

                                target=_blank>Duron高性价比配置</A></TD></TR>

                                <TR>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/xingjiabi-no1.htm"

                                target=_blank>性价比第一</A></TD>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/e-home.htm"

                                target=_blank>E家庭全功能配置</A></TD></TR>

                                <TR>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/sushe.htm"

                                target=_blank>宿舍之宝</A></TD>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/cheap.htm"

                                target=_blank>绝对廉价入门配置</A></TD></TR>

                                <TR>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/lianjia-net.htm"

                                target=_blank>廉价上网方案</A></TD>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/ok-dulong.htm"

                                target=_blank>“抵玩”*型</A></TD></TR>

                                <TR>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/student.htm"

                                target=_blank>学生用机</A></TD>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/lianjia-dvd.htm"

                                target=_blank>廉价DVD配置</A></TD></TR>

                                <TR>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/010810_cheap.htm"

                                target=_blank>学电脑入门方案</A></TD>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/010814_cheap_1g.htm"

                                target=_blank>超低价1G配置</A></TD></TR>

                                <TR>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/010814_cheap_p4.htm"

                                target=_blank>低价奔腾4配置</A></TD>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/jialianwumei/010819_shiyong.htm"

                                target=_blank>实用至上高性价比</A></TD></TR></TBODY></TABLE></DIV></TD></TR>

                          <TR>

                            <TD

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

                            style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid"

                            onmouseout="MM_showHideLayers('Layer10','','hide')"

                            width="100%" bgColor=#ffffcc height=10> <IMG

                              height=12 src="a1.gif" width=12 border=0>

                              <A

                              href="http://www.pconline.com.cn/pchardware/salon/index.html#">

                              </A><IMG height=18

                              src="jiantou.gif" width=23>

                              <DIV id=Layer10

                              style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 10; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 260px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; HEIGHT: 50px; BACKGROUND-COLOR: #ffffcc; layer-background-color: #FFFFCC">

                              <TABLE borderColor=#111111 cellSpacing=0

                              borderColorDark=#ffffff cellPadding=2 width="100%"

                              bgColor=#ffffcc border=1>

                                <TBODY>

                                <TR>

                                <TD height=16>

                                <DIV align=center><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/office/pujixing.htm"

                                target=_blank>普及型办公配置</A></DIV></TD>

                                <TD height=16><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/office/010822_pujibangong.htm"

                                target=_blank>普及型文案办公方案</A></TD></TR>

                                <TR>

                                <TD>

                                <DIV align=center><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/office/wending.htm"

                                target=_blank>稳定型办公配置</A></DIV></TD>

                                <TD><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/office/duogongneng.htm"

                                target=_blank>多功能办公配置</A></TD></TR>

                                <TR>

                                <TD>

                                <DIV align=center><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/office/duomeiti.htm"

                                target=_blank>多媒体型办公配置</A></DIV></TD>

                                <TD> </TD></TR></TBODY></TABLE></DIV></TD></TR>

                          <TR>

                            <TD

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

                            style="BORDER-RIGHT: 1px solid; BORDER-LEFT: 1px solid"

                            onmouseout="MM_showHideLayers('Layer11','','hide')"

                            width="100%" bgColor=#ffffcc height=16> <IMG

                              height=12 src="a1.gif" width=12 border=0>

                              <A

                              href="http://www.pconline.com.cn/pchardware/salon/index.html#">

                              </A><IMG height=18

                              src="jiantou.gif" width=23>

                              <DIV id=Layer11

                              style="Z-INDEX: 11; VISIBILITY: hidden; WIDTH: 260px; POSITION: absolute; HEIGHT: 73px">

                              <TABLE borderColor=#111111 cellSpacing=0

                              borderColorDark=#ffffff cellPadding=2 width="100%"

                              bgColor=#ffffcc border=1>

                                <TBODY>

                                <TR>

                                <TD width="52%"><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/game/haven.htm"

                                target=_blank>游戏天堂</A> </TD>

                                <TD width="48%"><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/game/gamerenjian.htm"

                                target=_blank>游戏人间</A></TD></TR>

                                <TR>

                                <TD width="52%"><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/game/game-qianfeng.htm"

                                target=_blank>游戏前锋</A></TD>

                                <TD width="48%"><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/game/game-netbar.htm"

                                target=_blank>网吧游戏方案</A></TD></TR>

                                <TR>

                                <TD width="52%"><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/game/game-enter.htm"

                                target=_blank>入门级游戏配置</A></TD>

                                <TD width="48%"><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/game/game-quanneng.htm"

                                target=_blank>全能家庭娱乐中心</A></TD></TR>

                                <TR>

                                <TD width="52%"><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/game/final.htm"

                                target=_blank>完全“最终幻想”</A></TD>

                                <TD width="48%"><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/game/game-chuji.htm"

                                target=_blank>初级游戏型主机</A></TD></TR>

                                <TR>

                                <TD width="52%"><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/game/010815_haohuaddr.htm"

                                target=_blank>豪华娱乐版DDR方案</A></TD>

                                <TD width="48%"><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/game/010815_goldddr.htm"

                                target=_blank>DDR黄金发烧版</A></TD></TR>

                                <TR>

                                <TD width="52%"><FONT color=#ff3300>·</FONT><A

                                href="http://www.pconline.com.cn/pchardware/salon/peizhi/game/010822_car_game.htm"

                                target=_blank>赛车游戏专业配置</A></TD>

                                <TD

                            width="48%"> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

0 Comments

Mon

02

Mar

2009

132、随机出现banner

132、随机出现banner

脚本说明:

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

<script>

<!--

var numberad=2

var aimage=new Array()

var alink=new Array()

var atext=new Array()

var whichone=Math.round(Math.random()*(numberad-1))

 

aimage[0]='<img src="http://www.burstnet.com/cgi-bin/ads/ad1975a.cgi/" width=468 height=60 border=0 alt="Click here to support our sponsor!">'

alink[0]='http://vsii.spinbox.net/?RC=1070&AI=1503'

atext[0]=''

 

aimage[1]='<img src="http://www.burstnet.com/cgi-bin/ads/ad1975a.cgi/" width=468 height=60 border=0 alt="Click here to support our sponsor!">'

alink[1]='http://vsii.spinbox.net/?RC=1070&AI=1503'

atext[1]=''

 

aimage[2]=''

alink[2]=''

atext[2]=''

 

aimage[3]=''

alink[3]=''

atext[3]=''

 

aimage[4]=''

alink[4]=''

atext[4]=''

 

aimage[5]=''

alink[5]=''

atext[5]=''

 

 

document.write('<p align="center"><a href="'+alink[whichone]+'">'+aimage[whichone]+'</a><br>')

if (atext[whichone]!='')

document.write('<a href="'+alink[whichone]+'">'+atext[whichone]+'</a>')

document.write('</p>')

//-->

</script>

随机出现banner,可以是很多个banner

0 Comments

Mon

02

Mar

2009

131、触发型导航菜单

131、触发型导航菜单

1   把如下代码复制到<head></head>之间

 

<style type=text/css>

.sec1 {BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #eeeeee;}

.sec2 {BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BACKGROUND-COLOR: #d4d0c8;}

.main_tab {BORDER-RIGHT: gray 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8;}

</style>

 

2   把如下代码复制到<body></body>之间

 

 

 

<SCRIPT language=javascript>

function secBoard(n) {

    for(i=0;i<secTable.cells.length;i++)

    secTable.cells

 

[i].className="sec1";

   

 

0 Comments

Mon

02

Mar

2009

129、select框的选择导航

129select框的选择导航

脚本说明:

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

<form name="take" >

<table border="0" cellspacing="0" cellpadding="0">

    <tr>

      <td width="100%"><select name="take2" size="3" style="width:200px">

        <option selected value="http://www.7stk.com">网页特效代码</option>

        <option value="http://www.7stk.com/fine/index.htm">精彩网页分享</option>

        <option value="http://www.7stk.com/1/index06.htm">天气预报代码</option>

          </select>

 

<script>

<!--

//specify # of frames for animation (integer above 2)

var setframes=6

 

/////no need to edit below here///////////

var selected=-1

var switchit=-1

var cycle=0

 

function animate_go(){

if (cycle>=setframes){

document.take.take2.selectedIndex =selected

window.location=document.take.take2.options[document.take.take2.selectedIndex].value

return

}

switchit=(switchit==-1)? selected : -1

document.take.take2.selectedIndex =switchit

cycle++

 

setTimeout("animate_go()",100)

}

 

//-->

</script>

</td>

    </tr>

    <tr>

      <td width="100%"><div align="center"><p><input type="button"

      value="去看看>>" name="B1" onClick="selected=document.take.take2.selectedIndex;cycle=0;animate_go()"></div></td>

    </tr>

  </table>

</form>

 

 

 

0 Comments

Mon

02

Mar

2009

128、下拉透明菜单

128、下拉透明菜单

<table width="750" border="0"><tr><td>

<script language="JavaScript">

var mmenus    = new Array();

var misShow   = new Boolean();

misShow=false;

var misdown   = new Boolean();

misdown=false;

var mnumberofsub=0;

var musestatus=false;

var mpopTimer = 0;

mmenucolor='#89CB10';mfontcolor='MenuText';mmenuoutcolor='#ADEF34';mmenuincolor='#B5E74E';mmenuoutbordercolor='#ECFA3A';mmenuinbordercolor='#5A2614';mmidoutcolor='#A9DA1D';mmidincolor='#799310';mmenuovercolor='#004080';mitemedge='0';msubedge='1';mmenuunitwidth=66;mmenuitemwidth=140;mmenuheight=25;mmenuwidth='100%';mmenuadjust=0;mmenuadjustV=0;mfonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';mcursor='hand';

var swipeSteps = 4;

var swipemsec = 25;

var swipeArray = new Array();

function swipe(el, dir, steps, msec) {

       if (steps == null) steps = swipeSteps;

       if (msec == null) msec = swipemsec;

       if (el.swipeIndex == null)

              el.swipeIndex = swipeArray.length;

       if (el.swipeTimer != null)

              window.clearTimeout(el.swipeTimer);

       swipeArray[el.swipeIndex] = el;

       el.style.clip = "rect(-99999, 99999, 99999, -99999)";

       if (el.swipeCounter == null || el.swipeCounter == 0) {

              el.orgLeft  = el.offsetLeft;

              el.orgTop  = el.offsetTop;

              el.orgWidth = el.offsetWidth;

              el.orgHeight  = el.offsetHeight;

       }

       el.swipeCounter = steps;

       el.style.clip = "rect(0,0,0,0)";

       window.setTimeout("repeat(" + dir + "," + el.swipeIndex + "," + steps + "," + msec + ")", msec);

}

function repeat(dir, index, steps, msec) {

       el = swipeArray[index];

       var left   = el.orgLeft;

       var top    = el.orgTop;

       var width  = el.orgWidth;

       var height = el.orgHeight;

       if (el.swipeCounter == 0) {

              el.style.clip = "rect(-99999, 99999, 99999, -99999)";

              return;

       }

       else {

              el.swipeCounter--;

              el.style.visibility = "visible";

              switch (dir) {

                     case 2:

                            el.style.clip = "rect(" + height*el.swipeCounter/steps + "," + width + "," + height + "," + 0 + ")";

                            el.style.top  = top - height*el.swipeCounter/steps;

                            break;

                     case 8:

                            el.style.clip = "rect(" + 0 + "," + width + "," + height*(steps-el.swipeCounter)/steps + "," + 0 + ")";

                            el.style.top  = top + height*el.swipeCounter/steps;

                            break;

                     case 6:

                            el.style.clip = "rect(" + 0 + "," + width + "," + height + "," + width*(el.swipeCounter)/steps + ")";

                            el.style.left  = left - width*el.swipeCounter/steps;

                            break;

                     case 4:

                            el.style.clip = "rect(" + 0 + "," + width*(swipeSteps - el.swipeCounter)/steps + "," + height + "," + 0 + ")";

                            el.style.left  = left + width*el.swipeCounter/steps;

                            break;

              }

             

              el.swipeTimer = window.setTimeout("repeat(" + dir + "," + index + "," + steps + "," + msec + ")", msec);

       }

}

var mtmpleft="";

var mtmptop="";

function hideSwipe(el) {

       window.clearTimeout(el.swipeTimer);

       el.style.visibility = "hidden";

       el.style.clip = "rect(-99999, 99999, 99999, -99999)";

       el.swipeCounter = 0;

       if(mtmpleft!="")el.style.left = mtmpleft;

       if(mtmptop!="")el.style.top = mtmptop;

}

 

function stoperror(){

return true;

}

window.onerror=stoperror;

function mpopOut() {

mpopTimer = setTimeout('mallhide()', 500);

}

function getReal(el, type, value) {

       temp = el;

       while ((temp != null) && (temp.tagName != "BODY")) {

              if (eval("temp." + type) == value) {

                     el = temp;

                     return el;

              }

              temp = temp.parentElement;

       }

       return el;

}

 

 

function mMenuRegister(menu)

{

  mmenus[mmenus.length] = menu

  return (mmenus.length - 1)

}

 

function mMenuItem(caption,command,target,isline,statustxt,level,img,sizex,sizey,pos){

       this.items = new Array();

       this.caption=caption;

       this.command=command;

       this.target=target;

       this.isline=isline;

       this.statustxt=statustxt;

       if(level!=null){mnumberofsub++;

       this.hasc=mnumberofsub;}

       this.level=level;

       this.img=img;

       this.sizex=sizex;

       this.sizey=sizey;

       this.pos=pos;

}

 

function mMenu(caption,command,target,img,sizex,sizey,pos){

       this.items = new Array();

       this.caption=caption;

       this.command=command;

       this.target=target;

       this.img=img;

       this.sizex=sizex;

       this.sizey=sizey;

       this.pos=pos;

       this.id=mMenuRegister(this);

}

function mMenuAddItem(item)

{

  this.items[this.items.length] = item

  item.parent = this.id;

  this.children=true;

}

 

mMenu.prototype.addItem = mMenuAddItem;

mMenuItem.prototype.addsubItem = mMenuAddItem;

 

function mtoout(src){

 

src.style.borderLeftColor=mmenuoutbordercolor;

src.style.borderRightColor=mmenuinbordercolor;

src.style.borderTopColor=mmenuoutbordercolor;

src.style.borderBottomColor=mmenuinbordercolor;

src.style.backgroundColor=mmenuoutcolor;

src.style.color=mmenuovercolor;

}

function mtoin(src){

 

src.style.borderLeftColor=mmenuinbordercolor;

src.style.borderRightColor=mmenuoutbordercolor;

src.style.borderTopColor=mmenuinbordercolor;

src.style.borderBottomColor=mmenuoutbordercolor;

src.style.backgroundColor=mmenuincolor;

src.style.color=mmenuovercolor;

}

function mnochange(src){

src.style.borderLeftColor=mmenucolor;

src.style.borderRightColor=mmenucolor;

src.style.borderTopColor=mmenucolor;

src.style.borderBottomColor=mmenucolor;

src.style.backgroundColor='';

src.style.color=mfontcolor;

 

}

function mallhide(){

       for(var nummenu=0;nummenu<mmenus.length;nummenu++){

              var themenu=document.all['mMenu'+nummenu]

              var themenudiv=document.all['mmenudiv'+nummenu]

                mnochange(themenu);

                mmenuhide(themenudiv);

                }

        for(nummenu=1;nummenu<=mnumberofsub;nummenu++){ 

               var thesub=document.all['msubmenudiv'+nummenu]     

               msubmenuhide(thesub);

               mnochange(document.all['mp'+nummenu]);

               document.all["mitem"+nummenu].style.color=mfontcolor;

               }

}

function mmenuhide(menuid){

menuid.style.filter='Alpha(Opacity=100)';

hideSwipe(menuid);

misShow=false;

}

function msubmenuhide(menuid){

menuid.style.filter='Alpha(Opacity=100)';

menuid.style.visibility='hidden';

}

function mmenushow(menuid,pid){

menuid.style.filter='Alpha(Opacity=80)';

menuid.style.left=mposflag.offsetLeft+pid.offsetLeft+mmenuadjust;menuid.style.top=mposflag.offsetTop+mmenutable.offsetHeight+mmenuadjustV;

if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.body.scrollLeft)

menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;

mtmpleft=menuid.style.left;mtmptop=menuid.style.top;swipe(menuid,2,4);

misShow=true;

}

function mshowsubmenu(menuid,pid,rid){

menuid.style.filter='Alpha(Opacity=80)';

menuid.style.left=pid.offsetWidth+rid.offsetLeft;

menuid.style.top=pid.offsetTop+rid.offsetTop-3;

if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.body.scrollLeft)

menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;

menuid.style.visibility='visible';

}

function mmenu_over(menuid,x){

toel = getReal(window.event.toElement, "className", "coolButton");

fromel = getReal(window.event.fromElement, "className", "coolButton");

if (toel == fromel) return;

if(x<0){

  misShow = false;

  mallhide();

  mtoout(eval("mMenu"+x));

}else{

 

  mallhide();

  mtoin(eval("mMenu"+x));

  mmenushow(menuid,eval("mMenu"+x));

 

}

clearTimeout(mpopTimer);

}

function mmenu_out(x){

toel = getReal(window.event.toElement, "className", "coolButton");

fromel = getReal(window.event.fromElement, "className", "coolButton");

if (toel == fromel) return;

if (misShow){

mtoin(eval("mMenu"+x));

}else{

mnochange(eval("mMenu"+x));

}

mpopOut()

}

function mmenu_down(menuid,x){

  if(misShow){

  mmenuhide(menuid);

  mtoout(eval("mMenu"+x));

  }

  else{

  mtoin(eval("mMenu"+x));

  mmenushow(menuid,eval("mMenu"+x));

  misdown=true;

  }

}

function mmenu_up(){

  misdown=false;

}

function mmenuitem_over(menuid,item,x,j,i){

toel = getReal(window.event.toElement, "className", "coolButton");

fromel = getReal(window.event.fromElement, "className", "coolButton");

if (toel == fromel) return;

srcel = getReal(window.event.srcElement, "className", "coolButton");

        for(nummenu=1;nummenu<=mnumberofsub;nummenu++){ 

               var thesub=document.all['msubmenudiv'+nummenu]

               if(!(menuid==thesub||menuid.style.tag>=thesub.style.tag)){

               msubmenuhide(thesub);

               mnochange(document.all['mp'+nummenu]);

               document.all["mitem"+nummenu].style.color=mfontcolor;

               }

        }

if(item)document.all["mitem"+item].style.color=mmenuovercolor;

if(misdown||item){

       mtoin(srcel);

}

else{

       mtoout(srcel);

}

if(x==-1)mthestatus=eval("msub"+j).items[i].statustxt;

if(j==-1)mthestatus=mmenus[x].items[i].statustxt;

if(mthestatus!=""){

       musestatus=true;

       window.status=mthestatus;

}

clearTimeout(mpopTimer);

}

function mmenuitem_out(hassub){

toel = getReal(window.event.toElement, "className", "coolButton");

fromel = getReal(window.event.fromElement, "className", "coolButton");

if (toel == fromel) return;

srcel = getReal(window.event.srcElement, "className", "coolButton");

if(!hassub)mnochange(srcel);

if(musestatus)window.status="";

mpopOut()

}

function mmenuitem_down(){

srcel = getReal(window.event.srcElement, "className", "coolButton");

mtoin(srcel)

misdown=true;

}

function mmenuitem_up(){

srcel = getReal(window.event.srcElement, "className", "coolButton");

mtoout(srcel)

misdown=false;

}

function mexec3(j,i){

var cmd;

if(eval("msub"+j).items[i].target=="blank"){

  cmd = "window.open('"+eval("msub"+j).items[i].command+"')";

}else{

  cmd = eval("msub"+j).items[i].target+".location=\""+eval("msub"+j).items[i].command+"\"";

}

eval(cmd);

}

function mexec2(x){

var cmd;

if(mmenus[x].target=="blank"){

  cmd = "window.open('"+mmenus[x].command+"')";

}else{

  cmd = mmenus[x].target+".location=\""+mmenus[x].command+"\"";

}

eval(cmd);

}

function mexec(x,i){

var cmd;

if(mmenus[x].items[i].target=="blank"){

  cmd = "window.open('"+mmenus[x].items[i].command+"')";

}else{

  cmd = mmenus[x].items[i].target+".location=\""+mmenus[x].items[i].command+"\"";

}

eval(cmd);

}

function mbody_click(){

 

if (misShow){

       srcel = getReal(window.event.srcElement, "className", "coolButton");

       for(var x=0;x<=mmenus.length;x++){

              if(srcel.id=="mMenu"+x)

              return;

       }

       for(x=1;x<=mnumberofsub;x++){

              if(srcel.id=="mp"+x)

              return;

       }

       mallhide();

}

}

document.onclick=mbody_click;

 

function mwritetodocument(){

      var mwb=1;

                     var stringx='<div id="mposflag" style="position:absolute;"></div><table  id=mmenutable border=0 cellpadding=3 cellspacing=2 width='+mmenuwidth+' height='+mmenuheight+' bgcolor='+mmenucolor+

                     ' onselectstart="event.returnValue=false"'+

                     ' style="filter:Alpha(Opacity=80);cursor:'+mcursor+';'+mfonts+

                     ' border-left: '+mwb+'px solid '+mmenuoutbordercolor+';'+

                     ' border-right: '+mwb+'px solid '+mmenuinbordercolor+'; '+

                     'border-top: '+mwb+'px solid '+mmenuoutbordercolor+'; '+

                     'border-bottom: '+mwb+'px solid '+mmenuinbordercolor+'; padding:0px"><tr>'

                     for(var x=0;x<mmenus.length;x++){

                          var thismenu=mmenus[x];

                          var imgsize="";

                          if(thismenu.sizex!="0"||thismenu.sizey!="0")imgsize=" width="+thismenu.sizex+" height="+thismenu.sizey;

                          var ifspace="";

                          if(thismenu.caption!="")ifspace=" ";

                          stringx += "<td nowrap class=coolButton id=mMenu"+x+" style='border: "+mitemedge+"px solid "+mmenucolor+

                          "' width="+mmenuunitwidth+"px onmouseover=mmenu_over(mmenudiv"+x+

                          ","+x+") onmouseout=mmenu_out("+x+

                          ") onmousedown=mmenu_down(mmenudiv"+x+","+x+")";

                                if(thismenu.command!=""){

                                    stringx += " onmouseup=mmenu_up();mexec2("+x+");";

                                }else{

                                      stringx += " onmouseup=mmenu_up()";

                                }

                                if(thismenu.pos=="0"){

                                    stringx += " align=center><img align=absmiddle src='"+thismenu.img+"'"+imgsize+">"+ifspace+thismenu.caption+"</td>";     

                                }else if(thismenu.pos=="1"){

                                    stringx += " align=center>"+thismenu.caption+ifspace+"<img align=absmiddle src='"+thismenu.img+"'"+imgsize+"></td>";      

                                }else if(thismenu.pos=="2"){

                                    stringx += " align=center background='"+thismenu.img+"'> "+thismenu.caption+" </td>";      

                                }else{

                                    stringx += " align=center> "+thismenu.caption+" </td>";

                                }

                          stringx += "";

                     }

                     stringx+="<td width=*> </td></tr></table>";

                    

                    

                     for(var x=0;x<mmenus.length;x++){

                          thismenu=mmenus[x];

                        if(x<0){

                        stringx+='<div id=mmenudiv'+x+' style="visiable:none"></div>';

                        }else{

                        stringx+='<div id=mmenudiv'+x+

                        ' style="filter:Alpha(Opacity=80);cursor:'+mcursor+';position:absolute;'+

                        'width:'+mmenuitemwidth+'px; z-index:'+(x+100);

                        if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){

                        stringx+=';border-left: 1px solid '+mmidoutcolor+

                        ';border-top: 1px solid '+mmidoutcolor;}

                        stringx+=';border-right: 1px solid '+mmenuinbordercolor+

                        ';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+

                          '<table  width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+

                          'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;

                          if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){

                          stringx+=';border-right: 1px solid '+mmidincolor+

                          ';border-bottom: 1px solid '+mmidincolor;}

                          stringx+=';border-top: 1px solid '+mmenuoutbordercolor+

                          ';padding: 4px" bgcolor='+mmenucolor+'>\n'

                          for(var i=0;i<thismenu.items.length;i++){

                                 var thismenuitem=thismenu.items[i];

                                 var imgsize="";

                                  if(thismenuitem.sizex!="0"||thismenuitem.sizey!="0")imgsize=" width="+thismenuitem.sizex+" height="+thismenuitem.sizey;

                                  var ifspace="";

                                  if(thismenu.caption!="")ifspace=" ";

                                 if(thismenuitem.hasc!=null){

                                 stringx += "<tr><td id=mp"+thismenuitem.hasc+" class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+

                                 "' width=100% onmouseout=mmenuitem_out(true) onmouseover=\"mmenuitem_over(mmenudiv"+x+

                                 ",'"+thismenuitem.hasc+"',"+x+",-1,"+i+");mshowsubmenu(msubmenudiv"+thismenuitem.hasc+",mp"+thismenuitem.hasc+",mmenudiv"+x+");\""+

                                 "><table id=mitem"+thismenuitem.hasc+" cellspacing='0' cellpadding='0' border='0' width='100%' style='"+mfonts+"'><tr><td ";

                                   if(thismenuitem.pos=="0"){

                                      stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td><td";  

                                    }else if(thismenuitem.pos=="1"){

                                      stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td><td";

                                    }else if(thismenuitem.pos=="2"){

                                      stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td><td background='"+thismenuitem.img+"'"; 

                                    }else{

                                      stringx += ">"+thismenuitem.caption+"</td><td";

                                    }

                                   stringx += " align=right width='1'><font face='Webdings' style='font-size: 6pt'>4</font></td></tr></table></td></tr>\n";                             

                                 }else if(!thismenuitem.isline){

                                 stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+

                                 "' width=100% height=15px onmouseover=\"mmenuitem_over(mmenudiv"+x+

                                 ",false,"+x+",-1,"+i+");\" onmouseout=mmenuitem_out() onmousedown=mmenuitem_down() onmouseup=";

                           stringx += "mmenuitem_up();mexec("+x+","+i+"); ";

                             if(thismenuitem.pos=="0"){

                                      stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";      

                                    }else if(thismenuitem.pos=="1"){

                                      stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td></tr>";      

                                    }else if(thismenuitem.pos=="2"){

                                      stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td></tr>"; 

                                    }else{

                                      stringx += ">"+thismenuitem.caption+"</td></tr>";

                                    }

                           }else{

                                 stringx+='<tr><td height="1" background="/images/hr.gif" onmousemove="clearTimeout(mpopTimer);"><img height="1" width="1" src="none.gif" border="0"></td></tr>\n';

                                 }

                          }stringx+='</table>\n</div>'

                          }                        

                }

               

for(var j=1;j<=mnumberofsub;j++){    

thisitem=eval("msub"+j);

stringx+='<div id=msubmenudiv'+j+

                        ' style="filter:Alpha(Opacity=80);tag:'+thisitem.level+';cursor:'+mcursor+';position:absolute;'+

                        'width:'+mmenuitemwidth+'px; z-index:'+(j+200);

                        if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){

                        stringx+=';border-left: 1px solid '+mmidoutcolor+

                        ';border-top: 1px solid '+mmidoutcolor;}

                        stringx+=';border-right: 1px solid '+mmenuinbordercolor+

                        ';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+

                          '<table  width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+

                          'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;

                          if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){

                          stringx+=';border-right: 1px solid '+mmidincolor+

                          ';border-bottom: 1px solid '+mmidincolor;}

                          stringx+=';border-top: 1px solid '+mmenuoutbordercolor+

                          ';padding: 4px" bgcolor='+mmenucolor+'>\n'

                          for(var i=0;i<thisitem.items.length;i++){

                                 var thismenuitem=thisitem.items[i];

                                 var imgsize="";

                                  if(thismenuitem.sizex!="0"||thismenuitem.sizey!="0")imgsize=" width="+thismenuitem.sizex+" height="+thismenuitem.sizey;

                                  var ifspace="";

                                  if(thismenu.caption!="")ifspace=" ";

                                 if(thismenuitem.hasc!=null){

                                 stringx += "<tr><td id=mp"+thismenuitem.hasc+" class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+

                                 "' width=100% onmouseout=mmenuitem_out(true) onmouseover=\"mmenuitem_over(msubmenudiv"+j+

                                 ",'"+thismenuitem.hasc+"',-1,"+j+","+i+");mshowsubmenu(msubmenudiv"+thismenuitem.hasc+",mp"+thismenuitem.hasc+",msubmenudiv"+j+");\""+

                                 "><table id=mitem"+thismenuitem.hasc+" cellspacing='0' cellpadding='0' border='0' width='100%' style='"+mfonts+"'><tr><td ";

                                   if(thismenuitem.pos=="0"){

                                      stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td><td";  

                                    }else if(thismenuitem.pos=="1"){

                                      stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td><td";

                                    }else if(thismenuitem.pos=="2"){

                                      stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td><td background='"+thismenuitem.img+"'"; 

                                    }else{

                                      stringx += ">"+thismenuitem.caption+"</td><td";

                                    }

                                   stringx += " align=right width='1'><font face='Webdings' style='font-size: 6pt'>4</font></td></tr></table></td></tr>\n";                             

                                 }else if(!thismenuitem.isline){

                                 stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+

                                 "' width=100% height=15px onmouseover=\"mmenuitem_over(msubmenudiv"+j+

                                 ",false,-1,"+j+","+i+");\" onmouseout=mmenuitem_out() onmousedown=mmenuitem_down() onmouseup=";

                                 stringx += "mmenuitem_up();mexec3("+j+","+i+"); ";

                           if(thismenuitem.pos=="0"){

                                      stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";      

                                    }else if(thismenuitem.pos=="1"){

                                      stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td></tr>";      

                                    }else if(thismenuitem.pos=="2"){

                                      stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td></tr>"; 

                                    }else{

                                      stringx += ">"+thismenuitem.caption+"</td></tr>";

                                    }

                                  }else{

                                 stringx+='<tr><td height="1" background="/images/hr.gif" onmousemove="clearTimeout(mpopTimer);"><img height="1" width="1" src="none.gif" border="0"></td></tr>\n';

                                 }

                          }

stringx+='</table>\n</div>'

}

       document.write("<div align='center' id='JsMenuCSS'>"+stringx+"</div>");

}

 

 

mpmenu1=new mMenu('网站首页','/','self','','','','');

mpmenu1.addItem(new mMenuItem(' 用户注册','/register.asp','self',false,'用户注册',null,'','','',''));

mpmenu1.addItem(new mMenuItem(' 用户登录','/login.asp','self',false,'用户登录',null,'','','',''));

mpmenu1.addItem(new mMenuItem(' 用户退出','/login.asp?action=logout','self',false,'用户退出',null,'','','',''));

mpmenu1.addItem(new mMenuItem(' 资料修改','/bbs/MYMODIFY.ASP','self',false,'',null,'','','',''));

mpmenu2=new mMenu('软件下载','/SoftDown/','self','','','','');

mpmenu2.addItem(new mMenuItem(' 系统程序','/softdown/index.asp?CateID=1','self',false,'系统程序',null,'','','',''));

mpmenu2.addItem(new mMenuItem(' 网络工具','/softdown/index.asp?CateID=2','self',false,'网络工具',null,'','','',''));

mpmenu2.addItem(new mMenuItem(' 媒体工具','/softdown/index.asp?CateID=3','self',false,'媒体工具',null,'','','',''));

mpmenu2.addItem(new mMenuItem(' 图文处理','/softdown/index.asp?CateID=4','self',false,'图文处理',null,'','','',''));

mpmenu2.addItem(new mMenuItem(' 桌面工具','/softdown/index.asp?CateID=5','self',false,'桌面工具',null,'','','',''));

mpmenu2.addItem(new mMenuItem(' 程序代码','/softdown/index.asp?CateID=6','self',false,'程序代码',null,'','','',''));

mpmenu2.addItem(new mMenuItem(' 游戏娱乐','/softdown/index.asp?CateID=7','self',false,'游戏娱乐',null,'','','',''));

mpmenu2.addItem(new mMenuItem(' 其他工具','/softdown/index.asp?CateID=8','self',false,'其他工具',null,'','','',''));

mpmenu2.addItem(new mMenuItem(' 特别栏目','/softdown/index.asp?CateID=9','self',false,'特别栏目',null,'','','',''));

mpmenu2.addItem(new mMenuItem(null,null,null,true));

mpmenu2.addItem(new mMenuItem(' 下载排行','/SoftDown/Index.asp?order=AllHits&updown=desc','self',false,'软件下载排行榜',null,'','','',''));

mpmenu3=new mMenu('软件学院','/SoftSchool/','self','','','','');

mpmenu3.addItem(new mMenuItem(' 软件瞭望','/SoftSchool/Index.Asp?CateID=1','self',false,'软件瞭望',null,'','','',''));

mpmenu3.addItem(new mMenuItem(' 精文荟萃','/SoftSchool/Index.Asp?CateID=2','self',false,'精文荟萃',null,'','','',''));

mpmenu3.addItem(new mMenuItem(' 操作系统','/SoftSchool/Index.Asp?CateID=3','self',false,'操作系统',null,'','','',''));

mpmenu3.addItem(new mMenuItem(' 网络软件','/SoftSchool/Index.Asp?CateID=4','self',false,'网络软件',null,'','','',''));

mpmenu3.addItem(new mMenuItem(' 工具软件','/SoftSchool/Index.Asp?CateID=5','self',false,'工具软件',null,'','','',''));

mpmenu3.addItem(new mMenuItem(' 办公软件','/SoftSchool/Index.Asp?CateID=6','self',false,'办公软件',null,'','','',''));

mpmenu3.addItem(new mMenuItem(' 认证考试','/SoftSchool/Index.Asp?CateID=7','self',false,'认证考试',null,'','','',''));

mpmenu3.addItem(new mMenuItem(null,null,null,true));

mpmenu3.addItem(new mMenuItem(' 阅读排行','/SoftSchool/Index.asp?order=hits&updown=desc','self',false,'文章阅读排行榜',null,'','','',''));

mpmenu4=new mMenu('Web 开发','/Develop/','self','','','','');

mpmenu4.addItem(new mMenuItem(' 网页设计','/Develop/Index.Asp?CateID=1','self',false,'网页设计',null,'','','',''));

mpmenu4.addItem(new mMenuItem(' .Net专栏','/Develop/Index.Asp?CateID=10','self',false,'.Net专栏',null,'','','',''));

mpmenu4.addItem(new mMenuItem(' ASP 学院','/Develop/Index.Asp?CateID=2','self',false,'ASP 学院',null,'','','',''));

mpmenu4.addItem(new mMenuItem(' JSP 学院','/Develop/Index.Asp?CateID=3','self',false,'JSP 学院',null,'','','',''));

mpmenu4.addItem(new mMenuItem(' PHP 学院','/Develop/Index.Asp?CateID=4','self',false,'PHP 学院',null,'','','',''));

mpmenu4.addItem(new mMenuItem(' CGI 学院','/Develop/Index.Asp?CateID=5','self',false,'CGI 学院',null,'','','',''));

mpmenu4.addItem(new mMenuItem(' SQL 学院','/Develop/Index.Asp?CateID=6','self',false,'SQL 学院',null,'','','',''));

mpmenu4.addItem(new mMenuItem(' XML 学院','/Develop/Index.Asp?CateID=7','self',false,'XML 学院',null,'','','',''));

mpmenu4.addItem(new mMenuItem(' Script','/Develop/Index.Asp?CateID=8','self',false,'Script',null,'','','',''));

mpmenu4.addItem(new mMenuItem(' Web服务器','/Develop/Index.Asp?CateID=9','self',false,'Web服务器',null,'','','',''));

mpmenu4.addItem(new mMenuItem(null,null,null,true));

mpmenu4.addItem(new mMenuItem(' 阅读排行','/Develop/Index.asp?order=hits&updown=desc','self',false,'文章阅读排行榜',null,'','','',''));

mpmenu5=new mMenu('教育论文','/Lunwen/','self','','','','');

mpmenu5.addItem(new mMenuItem(' 学科教学','/Lunwen/Index.Asp?CateID=1','self',false,'学科教学',null,'','','',''));

mpmenu5.addItem(new mMenuItem(' 教学管理','/Lunwen/Index.Asp?CateID=2','self',false,'教学管理',null,'','','',''));

mpmenu5.addItem(new mMenuItem(' 探索研究','/Lunwen/Index.Asp?CateID=3','self',false,'探索研究',null,'','','',''));

mpmenu5.addItem(new mMenuItem(' 名校名师','/Lunwen/Index.Asp?CateID=4','self',false,'名校名师',null,'','','',''));

mpmenu5.addItem(new mMenuItem(null,null,null,true));

mpmenu5.addItem(new mMenuItem(' 阅读排行','/Lunwen/Index.asp?order=hits&updown=desc','self',false,'文章阅读排行榜',null,'','','',''));

mpmenu6=new mMenu('精彩论坛','/bbs/','self','','','','');

msub1=new mMenuItem(' ≡日常事务≡','','self',false,'','1','','','','');

msub1.addsubItem(new mMenuItem(' 站务论坛','/bbs/list.asp?boardid=1','self',false,'关于本站的日常或其他事务的讨论区',null,'','','',''));

msub1.addsubItem(new mMenuItem(' FTP和会员服务区','/bbs/list.asp?boardid=2','self',false,'本站FTP的使用以及会员们讨论论坛建设的好地方',null,'','','',''));

msub1.addsubItem(new mMenuItem(' 需求与补档','/bbs/list.asp?boardid=17','self',false,'大家需要什么都在这里发贴,其他版面不允许发布此类帖子,违者删贴。',null,'','','',''));

mpmenu6.addItem(msub1);

mpmenu6.addItem(new mMenuItem(null,null,null,true));

msub2=new mMenuItem(' ≡软件交流≡','','self',false,'','1','','','','');

msub2.addsubItem(new mMenuItem(' 软件讨论中心','/bbs/list.asp?boardid=3','self',false,'这里是软件交流天地,我要最新的软件,我要最好的注册...',null,'','','',''));

msub2.addsubItem(new mMenuItem(' 操作系统论坛','/bbs/list.asp?boardid=4','self',false,'各种操作系统的最新消息、使用心得体会交流。',null,'','','',''));

msub2.addsubItem(new mMenuItem(' 影音无极限','/bbs/list.asp?boardid=5','self',false,'这里提供最新最清晰的DivX 这里发布最劲最High的音乐 想把握最新的娱乐动态?尽在动感!',null,'','','',''));

msub2.addsubItem(new mMenuItem(' 游民家园','/bbs/list.asp?boardid=6','self',false,'游民家园',null,'','','',''));

mpmenu6.addItem(msub2);

mpmenu6.addItem(new mMenuItem(null,null,null,true));

msub3=new mMenuItem(' ≡技术交流≡','','self',false,'','1','','','','');

msub3.addsubItem(new mMenuItem(' 菜鸟天堂','/bbs/list.asp?boardid=7','self',false,'讨论网络技术,关注网络安全。网络的加油站。',null,'','','',''));

msub3.addsubItem(new mMenuItem(' 网络技术和安全','/bbs/list.asp?boardid=8','self',false,'讨论网络技术,关注网络安全。网络的加油站。',null,'','','',''));

msub3.addsubItem(new mMenuItem(' 编程爱好者论坛','/bbs/list.asp?boardid=9','self',false,'各种编程语言、多媒体知识的交流园地',null,'','','',''));

msub3.addsubItem(new mMenuItem(' 硬件讨论区','/bbs/list.asp?boardid=10','self',false,'讨论有关计算机硬件的论坛。',null,'','','',''));

msub3.addsubItem(new mMenuItem(' 新硬件大看台','/bbs/list.asp?boardid=15','self',false,',新,精——只介绍讨论最新最酷的硬件产品',null,'','','',''));

mpmenu6.addItem(msub3);

mpmenu6.addItem(new mMenuItem(null,null,null,true));

msub4=new mMenuItem(' ≡网友空间≡','','self',false,'','1','','','','');

msub4.addsubItem(new mMenuItem(' 情感驿站','/bbs/list.asp?boardid=11','self',false,'男孩、女孩,爱情、友情,人类永恒的话题。',null,'','','',''));

msub4.addsubItem(new mMenuItem(' 搞笑论坛','/bbs/list.asp?boardid=12','self',false,'专门张贴笑话和小小说的经典对白,搞笑图片,你也可以进来和我们一起参与哦。',null,'','','',''));

msub4.addsubItem(new mMenuItem(' 贴图专区','/bbs/list.asp?boardid=13','self',false,'精彩的图片贴在这里,好笑的,漂亮的,令人回味的....',null,'','','',''));

msub4.addsubItem(new mMenuItem(' 超级灌水','/bbs/list.asp?boardid=14','self',false,'超级灌水',null,'','','',''));

mpmenu6.addItem(msub4);

mpmenu6.addItem(new mMenuItem(null,null,null,true));

mpmenu6.addItem(new mMenuItem(' 短消息','/bbs/usersms.asp','self',false,'用户短消息',null,'','','',''));

mpmenu6.addItem(new mMenuItem(' 收藏夹','/bbs/favlist.asp','self',false,'',null,'','','',''));

mpmenu6.addItem(new mMenuItem(' 论坛搜索','/bbs/query.asp?boardid=1','self',false,'论坛搜索',null,'','','',''));

mpmenu6.addItem(new mMenuItem(' 论坛帮助','/bbs/help.asp','blank',false,'论坛帮助',null,'','','',''));

mpmenu6.addItem(new mMenuItem(' 修改资料','/bbs/MYMODIFY.ASP','self',false,'修改资料',null,'','','',''));

mpmenu6.addItem(new mMenuItem(null,null,null,true));

mpmenu6.addItem(new mMenuItem(' FTP 联盟','/Club/ftp/','self',false,'FTP 联盟',null,'','','',''));

mpmenu7=new mMenu('动感社区','','self','','','','');

mpmenu7.addItem(new mMenuItem(' 社区银行','/club/bank/Index.asp','self',false,'e 时代银行',null,'','','',''));

mpmenu7.addItem(new mMenuItem(' 社区赛马','/club/saima/horse.asp','self',false,'赛马',null,'','','',''));

mpmenu7.addItem(new mMenuItem(' 社区排行榜','/iBest/UserBest.asp','self',false,'社区排行榜',null,'','','',''));

mpmenu8=new mMenu('知识问答','/iiTest/','self','','','','');

mpmenu8.addItem(new mMenuItem(' 历史知识','/iiTest/Index.Asp?CateID=1','self',false,'历史知识',null,'','','',''));

mpmenu8.addItem(new mMenuItem(' 电脑知识','/iiTest/Index.Asp?CateID=2','self',false,'电脑知识',null,'','','',''));

mpmenu8.addItem(new mMenuItem(' 文学知识','/iiTest/Index.Asp?CateID=3','self',false,'文学知识',null,'','','',''));

mpmenu8.addItem(new mMenuItem(' 游戏知识','/iiTest/Index.Asp?CateID=4','self',false,'游戏知识',null,'','','',''));

mpmenu8.addItem(new mMenuItem(' 动漫知识','/iiTest/Index.Asp?CateID=5','self',false,'动漫知识',null,'','','',''));

mpmenu8.addItem(new mMenuItem(' 天文地理','/iiTest/Index.Asp?CateID=6','self',false,'天文地理',null,'','','',''));

mpmenu8.addItem(new mMenuItem(' 乐趣英语','/iiTest/Index.Asp?CateID=7','self',false,'乐趣英语',null,'','','',''));

mpmenu8.addItem(new mMenuItem(' 体育知识','/iiTest/Index.Asp?CateID=8','self',false,'体育知识',null,'','','',''));

mpmenu9=new mMenu('站点服务','','self','','','','');

mpmenu9.addItem(new mMenuItem(' 免费邮箱','/WebMail/','self',false,'',null,'','','',''));

mpmenu9.addItem(new mMenuItem(' 免费留言簿','/GuestBook/','self',false,'',null,'','','',''));

mpmenu10=new mMenu('软件超市','','self','','','','');

mpmenu10.addItem(new mMenuItem(' 互联网工具','/SoftMarket/Index.Asp?CateID=1','self',false,'互联网工具',null,'','','',''));

mpmenu10.addItem(new mMenuItem(' 常用工具','/SoftMarket/Index.Asp?CateID=2','self',false,'常用工具',null,'','','',''));

mpmenu10.addItem(new mMenuItem(' 办公与家庭','/SoftMarket/Index.Asp?CateID=3','self',false,'办公与家庭',null,'','','',''));

mpmenu10.addItem(new mMenuItem(' 系统工具','/SoftMarket/Index.Asp?CateID=4','self',false,'系统工具',null,'','','',''));

mpmenu10.addItem(new mMenuItem(' 多媒体软件','/SoftMarket/Index.Asp?CateID=5','self',false,'多媒体软件',null,'','','',''));

mpmenu10.addItem(new mMenuItem(' 设计与制作','/SoftMarket/Index.Asp?CateID=6','self',false,'设计与制作',null,'','','',''));

mpmenu10.addItem(new mMenuItem(' 游戏与娱乐','/SoftMarket

0 Comments

Mon

02

Mar

2009

127、图片和文字同时变化

127、图片和文字同时变化

脚本说明:

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

<script language="JavaScript">

<!--

 

function random_content(){

var mycontent=new Array()

//specify random content below.

mycontent[1]='<table border="0"  bgcolor="#F0F0F0" cellspacing="0" cellpadding="0"><tr><td width="100%"><a href="http://www.cooltext.com"><img border="0" src="sto/0001.gif" align="left" width="88" height="31"></a><font face="Arial">Visit<a href="http://www.7stk.com">CoolText</a> 网页特效代码</font></td></tr></table>'

mycontent[2]='<table border="0"  bgcolor="#F0F0F0" cellspacing="0" cellpadding="0"><tr><td width="100%"><a href="http://www.dynamicdrive.com"><img border="0" src="sto/0002.gif" align="left" width="90" height="30"></a><font face="Arial">Looking for great DHTML scripts for your site? Visit <a href="http://www.7stk.com">Dynamic Drive</a>!</font></td></tr></table>'

mycontent[3]='<table border="0" width="100%" bgcolor="#F0F0F0" cellspacing="0" cellpadding="0"><tr><td width="100%"><a href="http://freewarejava.com"><img border="0" src="sto/0003.gif" align="left" width="88" height="31"></a><font face="Arial">Visit<a href="http://7stk.com">Freewarejava.com</a> for some great Java applets for your site.</font></td></tr></table>'

 

 

var ry=Math.floor(Math.random()*mycontent.length)

if (ry==0)

ry=1

document.write(mycontent[ry])

}

random_content()

//-->

</script>

图片和文字同时变化

0 Comments

Mon

02

Mar

2009

126、两种下拉菜单打开

126、两种下拉菜单打开

脚本说明:

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

<script language="JavaScript">

function MM_o(selObj){

window.open(selObj.options[selObj.selectedIndex].value);}

</script>

 

<select onChange="MM_o(this)" name="select" >

<option selected>弹出窗口打开</option>

<option value="http://www.cctv.com">央视国际</option>

<option value="http://www.sina.com.cn">新浪网</option>

<option value="http://www.163.com">网易</option>

</select>

<script language="JavaScript">

<!--

function MM_jumpMenu(targ,selObj,restore){ //v3.0

eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

if (restore) selObj.selectedIndex=0;

}

//-->

</script>

<select onChange="MM_jumpMenu('parent',this,1)">

<option selected>在本窗口打开</option>

<option value="http://www.cctv.com">央视国际</option>

<option value="http://www.sina.com.cn">新浪网</option>

<option value="http://www.163.com">网易</option>

</select>

 

0 Comments

Mon

02

Mar

2009

125、右侧立体展开菜单

125、右侧立体展开菜单

脚本说明:

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

<style>

.flyoutMenu {

       background-color: #F1F1F1;

       border-color: #999999;

       border-width: 0 1px 1px 0;

       border-style: solid;

}

.flyoutMenu TD.flyoutLink  {

       border-color: #F1F1F1;

       border-width: 1px;

       border-style: solid;

       font-family: Verdana,Arial;

       font-size: 70%;

       padding: 1px 25px 3px 6px;

       cursor: hand;

}

.flyoutLink a {

       color: black;

       text-decoration: none;

}

.flyoutLink a:hover {

       color: black;

       text-decoration: none;

}

.flyoutLink a:visited {

       color: black;

       text-decoration: none;

}

.flyoutLink a:active {

       color: black;

       text-decoration: none;

}

      

</style>

<script>

function over(){

       if(obj=event.srcElement)

              if(obj.className=="flyoutLink"){

                     obj.style.backgroundColor='#cccccc'

                     obj.style.borderColor = '#999999'

              }

}

function out(){

       if(obj=event.srcElement)

              if(obj.className=="flyoutLink"){

                     obj.style.backgroundColor='#f1f1f1'

                     obj.style.borderColor = '#f1f1f1'

              }

}

function show(d){

       if(obj=document.all(d)) obj.style.display=""

}

function hide(d){

       if(obj=document.all(d)) obj.style.display="none"

}

 

document.onmouseover=over

document.onmouseout=out

</script>

<table cellpadding="0" cellspacing="0" border="0" width="100%">

       <tr><td>

       <table class="flyoutMenu" width="180" cellpadding="2" cellspacing="0" border="0" >

              <tr><td>

              <table width="175" cellpadding="0" cellspacing="0" border="0">

                     <tr><td class="flyoutLink">微软菜单</td></tr>

                     <tr><td class="flyoutLink" onmouseover=show("div1")  onmouseout=hide("div1")><a href="javascript:alert(1)">美国</a></td></tr>

                     <tr><td class="flyoutLink"><a href="javascript:alert(2)">加拿大</a></td></tr>

                     <tr><td class="flyoutLink"><a href="javascript:alert(3)">英国</a></td></tr>

                     <tr><td class="flyoutLink"><a href="javascript:alert(4)">法国</a></td></tr>

                     <tr><td class="flyoutLink"><a href="javascript:alert(5)">意大利</a></td></tr>

              </Table>

       </table>

       <table class="flyoutMenu" width="180" cellpadding="2" cellspacing="0" border="0" >

              <tr><td>

              <table width="175" cellpadding="0" cellspacing="0" border="0">

                     <tr><td class="flyoutLink" ><a href="javascript:alert(5)">澳大利亚</a></td></tr>

              </table>

              </td></tr>

       </table>

       <table class="flyoutMenu" width="180" cellpadding="2" cellspacing="0" border="0" >

              <tr><td>

              <table width="175" cellpadding="0" cellspacing="0" border="0">

                     <tr><td class="flyoutLink" handle="1672" onmouseover=show("div7")  onmouseout=hide("div7")><a href="javascript:alert(6)">中国</a></td></tr>