Thu

19

Mar

2009

60、页面背景花瓣效果

60、页面背景花瓣效果

脚本说明:

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

<script Language="javascript">

function a(x,y,color)

{document.write("<img border='0' style='position: absolute; left: "+(x+300)+"; top: "+(y+200)+";background-color: "+color+"' src='px.gif' width=1 height=1>")}

</script>

<script>

 

for(t=1;t<=360;t++){

lo=200 * Math.sin(2 * (Math.PI / 180) * t);

x = lo * Math.cos((Math.PI / 180) * t);

y = lo * Math.sin((Math.PI / 180) * t);

a(x,y,"#000000");

lo=200 * Math.cos(2 * (Math.PI / 180) * t);

x = lo * Math.cos((Math.PI / 180) * t);

y = lo * Math.sin((Math.PI / 180) * t);

a(x,y,"#ff0000");

}

</script>

 

0 Comments

Thu

19

Mar

2009

58、选择颜色块后点击右键

58、选择颜色块后点击右键

脚本说明:

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

<script>

function c(css)

       {ie5menu.className=css;}

function link(act,txt)

       {document.write("<div class=link onMouseOver=this.className='overlink' onMouseOut=this.className='link' style='padding-left:16;padding-top:1;padding-bottom:1' onclick="+act+">"+txt+"</div>")}

function showmenuie5(){

       var rightedge=document.body.clientWidth-event.clientX-100

       var bottomedge=document.body.clientHeight-event.clientY-25

if (rightedge<ie5menu.offsetWidth)

       ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth;

else

       ie5menu.style.left=document.body.scrollLeft+event.clientX

if (bottomedge<ie5menu.offsetHeight)

       ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight

else

       ie5menu.style.top=document.body.scrollTop+event.clientY

       ie5menu.style.visibility="visible"

return false}

function hidemenuie5(){

       ie5menu.style.visibility="hidden"}

function pop(win){

window.open(win,'','')}

</script>

<style>

<!--

body{font-family:Verdana,宋体;font-size:9pt;color:#ffffff;cursor:default}

table,TD,DIV{font-family:宋体;font-size:9pt;cursor:default}

A{text-decoration: none;color:#ffffff}

.yellow {

       BORDER-RIGHT: #8a6100 2px solid; BORDER-TOP: #ffe3a4 2px solid; BORDER-LEFT: #ffe3a4 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #8a6100 2px solid; BACKGROUND-COLOR: #e19d00

}

.blue {

       BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #a6c1df 2px solid; BORDER-LEFT: #a6c1df 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #3a6ea5

}

.green {

      BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #b9ffb9 2px solid; BORDER-LEFT: #b9ffb9 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #008000

}

.menu {

       BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #ffffff 2px solid; BORDER-LEFT: #ffffff 2px solid; COLOR: #000080; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #d8d8d0

}

.menu1 {

      BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #adbac9 2px solid; BORDER-LEFT: #adbac9 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #637994

}

.blue1 {

       BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0ecff 2px solid; BORDER-LEFT: #d0ecff 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #0099ff

}

.black {

       BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0d0d0 2px solid; BORDER-LEFT: #d0d0d0 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #000000

}

.up{ background-color: #3A6EA5; border-left: 2 solid #A6C1DF;border-right: 2 solid #002200; border-top: 2 solid #A6C1DF; border-bottom: 2 solid #002200 }

.link{font-family:宋体}

.overlink{background-color:highlight;color:highlighttext;font-family:宋体;cursor:default}

-->

</style>

<DIV align=center>

<CENTER>

<TABLE cellSpacing=0 cellPadding=0 width=400 border=0>

  <TBODY>

  <TR>

    <TD class=menu onclick='c("menu")' align=middle width=50></TD>

    <TD class=green onclick='c("green")' align=middle width=50>绿</TD>

    <TD class=blue onclick='c("blue")' align=middle width=50></TD>

    <TD class=yellow onclick='c("yellow")' align=middle width=50></TD>

    <TD class=menu1 onclick='c("menu1")' align=middle width=50>1</TD>

    <TD class=blue1 onclick='c("blue1")' align=middle width=50>浅蓝</TD>

    <TD class=black onclick='c("black")' align=middle width=50></TD>

    <TD align=middle

width=50></TD></TR></TBODY></TABLE></CENTER></DIV>

<div id=ie5menu class=up style="text-align: left;position: absolute; visibility: hidden; width: 85px; z-index: 200;padding:1px">

<script>

link('pop("http://www.7stk.com")','央视国际');

link('pop("http://www.cctv.com")','央视国际');

link('pop("http://www.cctv.com")','央视国际');

link('pop("http://www.cctv.com")','央视国际');

</script></div>

<SCRIPT language=JavaScript>

if (document.all&&window.print){

document.oncontextmenu=showmenuie5

document.body.onclick=hidemenuie5}

</SCRIPT>

 

1 Comments

Thu

19

Mar

2009

57、基本Real播放器

57、基本Real播放器

脚本说明:

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

<script>

//---------这是区分播放器的音乐类型,你可以填加修改------//

var RS = new Array("rm","ram","mp3","ra","rt","rp","rmm","png","m3u","mp2","mpa");

//-----------播放器状态-------------//

var Rstate = new Array("停止","连接","缓冲","播放","暂停");

 

var player_doing = false;

 

function choose_player(sound_path)

{

 sound_path = sound_path.split(".");

 

 var sound_type = sound_path[sound_path.length-1].toLowerCase();

 

 for(i=0;i<RS.length;i++)

 {

  if(sound_type==RS[i])

   return "R"

 }

 

 return "U";

}

function Do_play()

{

 var the_player  = document.getElementById("player");

 the_player.DoPlay();

}

function Do_pause()

{

 var the_player  = document.getElementById("player");

 the_player.DoPause();

}

function Do_stop()

{

 var the_player  = document.getElementById("player");

 the_player.DoStop();

}

function Set_position(num)

{

 var the_player  = document.getElementById("player");

 the_player.SetPosition(num);

}

function Get_position()

{

 var the_player  = document.getElementById("player");

 return the_player.GetPosition();

}

function Get_length()

{

 var the_player  = document.getElementById("player");

 return the_player.GetLength();

}

function  Set_volume(num)

{

 var the_player  = document.getElementById("player");

 the_player.SetVolume(num);

}

function Show_time(num)

{

 var time_minute = Math.floor( num / 60000 );

 var time_second = Math.floor( ( num - time_minute*60000 ) / 1000 );

 

 if( time_minute < 10 )

  time_minute = "0" + time_minute;

 if( time_second < 10 )

  time_second = "0" + time_second;

 

 return (time_minute + ":" +time_second); 

}

function Get_state()

{

 var the_player  = document.getElementById("player");

 return the_player.GetPlayState();

}

 

function player_play()

{

 var just_type = choose_player(document.getElementById("sound_path").value);

 var the_player  = document.getElementById("player");

 

 var the_state   = Get_state();

 

 

 if(the_state==1||the_state==2||the_state==3)

 {

  return;

 }

 

 if(the_state==4)

 {

  Do_play();

 }

  

 if(the_state==0)

 {

  if(just_type=="R")

  {

   Do_stop();

   the_player.SetSource(document.getElementById("sound_path").value);  

   Do_play();

  

   if(player_doing)

   {

    clearInterval(player_doing)

   }

 

   player_doing = setInterval("Set_all()",500);  

  }

 }

}

function Set_all()

{

 var the_player  = document.getElementById("player");

 

 document.getElementById("position_box").value = Show_time(Get_position());

 document.getElementById("length_box").value   = Show_time(Get_length());

 

 document.getElementById("state_box").value    = Rstate[Get_state()];

 

 var the_max = (document.getElementById("position_button_box").offsetWidth - document.getElementById("position_button").offsetWidth);

 

 document.getElementById("position_button").style.pixelLeft = Math.round(the_max*Get_position()/Get_length());

 

 if(Get_state()==0)

 {

  clearInterval(player_doing);

 }

}

function Go_direction(num)

{

 var the_player  = document.getElementById("player");

 

 var the_state   = Get_state();

 

 if(the_state==3)

 {

  var the_direction = num*1000;

 

  var judger = (Get_position() + the_direction)

 

  if(judger>=0&&judger<=Get_length())

  {

    Set_position(judger); 

  }

 }

 

}

 

var Ox,Nx;

var move_obj_can_move = false;

var move_obj = false;

function start_move()

{

 move_obj_can_move = true;

 

 move_obj = event.srcElement.id;

 

 document.getElementById(move_obj).setCapture();

  Ox = event.clientX;

 

}

function document.onmouseup()

{

 if(!move_obj)

  return;

 

 document.getElementById(move_obj).releaseCapture();

 

 move_obj_can_move = false;

 

 move_obj = false;

}

function document.onmousemove()

{

 if(!document.getElementById(move_obj))

 {

  return;

 }

 

 if(move_obj=="position_button"&&Get_state()!=3)

 {

  return;

 }

 

 Nx = event.clientX;

 

 var judger = document.getElementById(move_obj).style.pixelLeft + Nx - Ox;

 

 

 var max = document.getElementById(move_obj+"_box").offsetWidth - document.getElementById(move_obj).offsetWidth;

 

 if(!move_obj_can_move||!move_obj||judger>max||judger<0)

 {

  return;

 }

 

  document.getElementById(move_obj).style.pixelLeft += Nx - Ox;

 

  eval(move_obj+"_event("+document.getElementById(move_obj).style.pixelLeft+","+max+")");

 

 Ox = Nx;

 

}

function volume_button_event(s_num,b_num)

{

 var judger = Math.round(100*s_num/b_num)

 

 if(judger>=0&&judger<=100)

 {

  Set_volume(judger)

 }

}

function position_button_event(s_num,b_num)

{

 var judger = Math.round(Get_length()*s_num/b_num);

 

 if(judger>=0||judger<=Get_length())

 {

  Set_position(judger)

 }

}

</script>

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

  <tr>

    <td width="37%">

<embed src="///d:/My%20Documents/My%20Webs/ling.mp3" type="audio/x-pn-realaudio-plugin" id="player" controls="ImageWindow,ControlPanel" width="273" height="183" >

    </td>

   <td width="63%" valign="top">

        <input type="button" value="播放" onclick="player_play()">

        <input type="button" value="暂停" onclick="Do_pause()">

        <input type="button" value="停止" onclick="Do_stop()">  

        <input type="button" value="<<<" onmousedown="Go_direction(-1)">  

        <input type="button" value=">>>" onmousedown="Go_direction(1)"> 

        <p> <input type="file" id="sound_path" style="width: 163; height: 23" id="state_box">

        STATE<input type="text" value="" size="10" id="state_box">      

        </p>

        <p>

        POSITION: <input type="text" value="" size="10" id="position_box">  LENGTH: <input type="text" value="" size="11" id="length_box">

        </p>

       

        <div align="left">

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

            <tr>

              <td id="volume_button_box" width="100%" bgcolor="#C0C0C0">

          <input id="volume_button" type="button" value="音量" style="position: relative; left:100; height: 18; width: 32" onmousedown="start_move()">

         </td>

            </tr>

          </table>

        </div>

  <p>

        <div align="left">

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

            <tr>

              <td id="position_button_box" width="100%" bgcolor="#C0C0C0">

          <input id="position_button" type="button" value="NOW" style="position: relative; left:0; height: 18; width: 32" onmousedown="start_move()">

         </td>

            </tr>

          </table>

        </div>

       

    </td>

  </tr>

</table>

 

0 Comments

Thu

19

Mar

2009

56、超酷文字下落效果

56、超酷文字下落效果

脚本说明:

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

<style type="text/css">

.matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;}

</style>

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

 

<!--

var rows=11; // must be an odd number

var speed=50; // lower is faster

var reveal=2; // between 0 and 2 only. The higher, the faster the word appears

var effectalign="default" //enter "center" to center it.

 

/***********************************************

* The Matrix Text Effect- by Richard Womersley (http://www.mf2fm.co.uk/rv)

* This notice must stay intact for use

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/

 

var w3c=document.getElementById && !window.opera;;

var ie45=document.all && !window.opera;

var ma_tab, matemp, ma_bod, ma_row, x, y, columns, ma_txt, ma_cho;

var m_coch=new Array();

var m_copo=new Array();

window.onload=function() {

       if (!w3c && !ie45) return

  var matrix=(w3c)?document.getElementById("matrix"):document.all["matrix"];

  ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML;

  ma_txt=" "+ma_txt+" ";

  columns=ma_txt.length;

  if (w3c) {

    while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);

    ma_tab=document.createElement("table");

    ma_tab.setAttribute("border", 0);

    ma_tab.setAttribute("align", effectalign);

    ma_tab.style.backgroundColor="#000000";

    ma_bod=document.createElement("tbody");

    for (x=0; x<rows; x++) {

      ma_row=document.createElement("tr");

      for (y=0; y<columns; y++) {

        matemp=document.createElement("td");

        matemp.setAttribute("id", "Mx"+x+"y"+y);

        matemp.className="matrix";

        matemp.appendChild(document.createTextNode(String.fromCharCode(160)));

        ma_row.appendChild(matemp);

      }

      ma_bod.appendChild(ma_row);

    }

    ma_tab.appendChild(ma_bod);

    matrix.appendChild(ma_tab);

  } else {

    ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000">';

    for (var x=0; x<rows; x++) {

      ma_tab+='<t'+'r>';

      for (var y=0; y<columns; y++) {

        ma_tab+='<t'+'d class="matrix" id="Mx'+x+'y'+y+'">&nbsp;</'+'td>';

      }

      ma_tab+='</'+'tr>';

    }

    ma_tab+='</'+'table>';

    matrix.innerHTML=ma_tab;

  }

  ma_cho=ma_txt;

  for (x=0; x<columns; x++) {

    ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));

    m_copo[x]=0;

  }

  ma_bod=setInterval("mytricks()", speed);

}

 

function mytricks() {

  x=0;

  for (y=0; y<columns; y++) {

    x=x+(m_copo[y]==100);

    ma_row=m_copo[y]%100;

    if (ma_row && m_copo[y]<100) {

      if (ma_row<rows+1) {

        if (w3c) {

          matemp=document.getElementById("Mx"+(ma_row-1)+"y"+y);

          matemp.firstChild.nodeValue=m_coch[y];

        }

        else {

          matemp=document.all["Mx"+(ma_row-1)+"y"+y];

          matemp.innerHTML=m_coch[y];

        }

        matemp.style.color="#33ff66";

        matemp.style.fontWeight="bold";

      }

      if (ma_row>1 && ma_row<rows+2) {

        matemp=(w3c)?document.getElementById("Mx"+(ma_row-2)+"y"+y):document.all["Mx"+(ma_row-2)+"y"+y];

        matemp.style.fontWeight="normal";

        matemp.style.color="#00ff00";

      }

      if (ma_row>2) {

          matemp=(w3c)?document.getElementById("Mx"+(ma_row-3)+"y"+y):document.all["Mx"+(ma_row-3)+"y"+y];

        matemp.style.color="#009900";

      }

      if (ma_row<Math.floor(rows/2)+1) m_copo[y]++;

      else if (ma_row==Math.floor(rows/2)+1 && m_coch[y]==ma_txt.charAt(y)) zoomer(y);

      else if (ma_row<rows+2) m_copo[y]++;

      else if (m_copo[y]<100) m_copo[y]=0;

    }

    else if (Math.random()>0.9 && m_copo[y]<100) {

      m_coch[y]=ma_cho.charAt(Math.floor(Math.random()*ma_cho.length));

      m_copo[y]++;

    }

  }

  if (x==columns) clearInterval(ma_bod);

}

 

function zoomer(ycol) {

  var mtmp, mtem, ytmp;

  if (m_copo[ycol]==Math.floor(rows/2)+1) {

    for (ytmp=0; ytmp<rows; ytmp++) {

      if (w3c) {

        mtmp=document.getElementById("Mx"+ytmp+"y"+ycol);

        mtmp.firstChild.nodeValue=m_coch[ycol];

      }

      else {

        mtmp=document.all["Mx"+ytmp+"y"+ycol];

        mtmp.innerHTML=m_coch[ycol];

      }

      mtmp.style.color="#33ff66";

      mtmp.style.fontWeight="bold";

    }

    if (Math.random()<reveal) {

      mtmp=ma_cho.indexOf(ma_txt.charAt(ycol));

      ma_cho=ma_cho.substring(0, mtmp)+ma_cho.substring(mtmp+1, ma_cho.length);

    }

    if (Math.random()<reveal-1) ma_cho=ma_cho.substring(0, ma_cho.length-1);

    m_copo[ycol]+=199;

    setTimeout("zoomer("+ycol+")", speed);

  }

  else if (m_copo[ycol]>200) {

    if (w3c) {

      mtmp=document.getElementById("Mx"+(m_copo[ycol]-201)+"y"+ycol);

      mtem=document.getElementById("Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol);

    }

    else {

      mtmp=document.all["Mx"+(m_copo[ycol]-201)+"y"+ycol];

      mtem=document.all["Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol];

    }

    mtmp.style.fontWeight="normal";

    mtem.style.fontWeight="normal";

    setTimeout("zoomer("+ycol+")", speed);

  }

  else if (m_copo[ycol]==200) m_copo[ycol]=100+Math.floor(rows/2);

  if (m_copo[ycol]>100 && m_copo[ycol]<200) {

    if (w3c) {

      mtmp=document.getElementById("Mx"+(m_copo[ycol]-101)+"y"+ycol);

      mtmp.firstChild.nodeValue=String.fromCharCode(160);

      mtem=document.getElementById("Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol);

      mtem.firstChild.nodeValue=String.fromCharCode(160);

    }

    else {

      mtmp=document.all["Mx"+(m_copo[ycol]-101)+"y"+ycol];

      mtmp.innerHTML=String.fromCharCode(160);

      mtem=document.all["Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol];

      mtem.innerHTML=String.fromCharCode(160);

    }

    setTimeout("zoomer("+ycol+")", speed);

  }

}

// -->

</script>

<div id="matrix">I love javascript</div>

 

0 Comments

Thu

19

Mar

2009

55、对层内容的控制

55、对层内容的控制

脚本说明:

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

<style type="text/css"> DIV.qlabel { font-size: 14pt; font-weight: bold; text-align: center; } </style>

<script language="JavaScript" src="20030818control.js"></script>

 

<script language="JavaScript" src="20030818wndctrl.js"></script>

 

<script language="JavaScript" src="20030818boxctrl.js"></script>

 

<script language="JavaScript" src="20030818messagebox.js"></script>

 

<script language="JavaScript" src="20030818label.js"></script>

 

<script language="JavaScript" src="20030818button.js"></script>

 

<script language="JavaScript" src="20030818buttonres.js"></script>

 

<script language="JavaScript" src="20030818boxres.js"></script>

    <div class="code">

<script language="JavaScript">

 

      // define box resource

 

      box = new QBoxRes(13, 13, 13, 13,

 

          "20030818/wtc.gif", "20030818/wtr.gif", "20030818/wmr.gif",

 

          "20030818/wbr.gif", "20030818/wbc.gif", "20030818/wbl.gif",

 

          "20030818/wml.gif", "20030818/wtl.gif",

 

          "#FFE831", "20030818/wbg.gif",

 

          QWndCtrl.SHADOW + QWndCtrl.FADEIN + QWndCtrl.HBARNOUT);

 

 

 

      // define button resource

 

      btn = new QButtonRes(QButton.NORMAL, 46, 29,

 

          "20030818/btn2n.gif", "20030818/btn2p.gif");

 

 

 

      // create box

 

      mb = new QMessageBox(null, "mb", box, btn, "Test");

 

    </script></div>

 

    <div class="cases">

      <a href="#" onClick="mb.alert('Test');return false">警告: Test</a> 

 

      <a href="#" onClick="mb.alert('Hello, World!');return false">警告: Hello, World!</a> 

 

      <a href="#" onClick="mb.center();return false">居中</a> 

 

      <a href="#" onClick="mb.show(!mb.visible);return false">显示/隐藏</a> 

 

      <a href="#" onClick="mb.moveTo(mb.x + 5, mb.y + 10);return false">移动</a> 

 

      <a href="#" onClick="mb.setOpacity(mb.opacity - 10 || 100);return false">改变颜色</a> 

 

      <a href="#" onClick="mb.setEffects(mb.effects ^ QWndCtrl.SHADOW);return false">加减阴影</a>

 

    </div>

 

 

 

第二步:把<body>中的内容改为:

<BODY class="content" onload="self.mb.alert()">

 

0 Comments

Thu

19

Mar

2009

54、事件处理等待

54、事件处理等待

脚本说明:

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

              <script language="javascript">

 

              function do_totals1()

 

              {

 

              document.all.pleasewaitScreen.style.pixelTop = (document.body.scrollTop + 50);

 

              document.all.pleasewaitScreen.style.visibility="visible";

 

              window.setTimeout('do_totals2()',1);

 

              }    

 

             

 

              function do_totals2()

 

              {

 

              lengthy_calculation();

 

              document.all.pleasewaitScreen.style.visibility="hidden";

 

              }

 

             

 

              function lengthy_calculation()

 

              {

 

              var x,y

 

             

 

              for(x=0;x<1000000;x++)

 

                     {

 

                     y += (x * y) / (y - x);                 

 

                     }

 

              }

             

              </script>

              <DIV ID="pleasewaitScreen" STYLE="position:absolute;z-index:5;top:30%;left:42%;visibility:hidden">

                     <TABLE BGCOLOR="#000000" BORDER="1" BORDERCOLOR="#000000" CELLPADDING="0" CELLSPACING="0" HEIGHT="100" WIDTH="150" ID="Table1">

                            <TR>

                                   <TD WIDTH="100%" HEIGHT="100%" BGCOLOR="silver" ALIGN="CENTER" VALIGN="MIDDLE">

                                          <FONT FACE="Arial" SIZE="4" COLOR="blue"><B>正在处理中<br>

                                                        请稍等...</B></FONT>

                                   </TD>

                            </TR>

                     </TABLE>

              </DIV>

              <p align="center">

                     <input type="button" name="btn_calc" value="处理等待" onclick="do_totals1()">

              </p>

 

0 Comments

Thu

19

Mar

2009

53、颜色表格的创建

53、颜色表格的创建

脚本说明:

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

<SCRIPT language=JavaScript>

<!--

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

  window.open(theURL,winName,features);

}

  function InsSM()

   {

   var table = '<table'+document.all.Bgcolor.value+document.all.Dkcolor.value+document.all.Ltcolor.value+' border="' +document.all.border.value+ '"' + ' cellspacing="' +document.all.cellspacing.value+ '"' + ' cellpadding="' +document.all.cellpadding.value+ '"' + ' width="' +document.all.width.value + document.all.widthType.value+ '">\n';

 

  for (var x=0; x<document.all.rows.value; x++) {

    table += " <tr>\n";

    for (var y=0; y<document.all.cols.value; y++) {

      table += "  <td>&nbsp;</td>\n";

    }

    table += " </tr>\n";

  }

  table += "</table>\n";

    document.all.theCode.value=(table);

                            document.write('<b><font size=2 color=#555555 face=Arial, Helvetica, sans-serif>Cut and paste the code inbetween your BODY tags.</font></b><textarea name=theCode cols=50 rows=6>'+table+'</textarea><br><input type=button name=Button value=SelectCode onClick=document.all.theCode.select();document.all.theCode.focus()><br><br><br>');

                            document.write('<b><font size=2 color=#555555 face=Arial, Helvetica, sans-serif>Table Preview:</font></b>'+table+'<p><input type=button name=button value=BACK onClick=history.back()></p>');

 

 

}

 

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; }

}

function showColor(val) {

document.all.Ltcolor.value = ' bordercolorlight="'+val+'"';

document.all.B1.style.backgroundColor = val;

}

function show(val2) {

document.all.Bgcolor.value = ' bgcolor="'+val2+'"';

document.all.B3.style.backgroundColor = val2;

}

function showM(val3) {

document.all.Dkcolor.value = ' bordercolordark="'+val3+'"';

document.all.B2.style.backgroundColor = val3;

}

//-->

</SCRIPT>

 

 

 

<SCRIPT language=javascript>

<!--

 

// ***********************************************

// AUTHOR: WWW.CGISCRIPT.NET, LLC

// URL: http://www.cgiscript.net

// Use the script, just leave this message intact.

// Download your FREE CGI/Perl Scripts today!

// ( http://www.cgiscript.net/scripts.htm )

// ***********************************************

var isNS = (navigator.appName == "Netscape") ? 1 : 0;

var EnableRightClick = 0;

if(isNS)

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

function mischandler(){

  if(EnableRightClick==1){ return true; }

  else {return false; }

}

function mousehandler(e){

  if(EnableRightClick==1){ return true; }

  var myevent = (isNS) ? e : event;

  var eventbutton = (isNS) ? myevent.which : myevent.button;

  if((eventbutton==2)||(eventbutton==3)) return false;

}

function keyhandler(e) {

  var myevent = (isNS) ? e : window.event;

  if (myevent.keyCode==96)

    EnableRightClick = 1;

  return;

}

document.oncontextmenu = mischandler;

document.onkeypress = keyhandler;

document.onmousedown = mousehandler;

document.onmouseup = mousehandler;

//-->

</SCRIPT>

<TABLE height=226 cellSpacing=6 cellPadding=0 width=600 bgColor=#ffffff

border=0>

  <TBODY>

  <TR vAlign=center align=middle bgColor=#ffffff>

    <TD align=right width=121><FONT

      face="Verdana, Arial, Helvetica, sans-serif" size=-2>Rows:</FONT></TD>

    <TD align=left width=35><FONT face="Verdana, Arial, Helvetica, sans-serif"

      size=-2><INPUT maxLength=3 size=3 value=1 name=rows> </FONT></TD>

    <TD align=right width=124><FONT

      face="Verdana, Arial, Helvetica, sans-serif" size=-2>Cols:</FONT></TD>

    <TD align=left width=37><FONT face="Verdana, Arial, Helvetica, sans-serif"

      size=-2><INPUT maxLength=4 size=3 value=1 name=cols> </FONT></TD>

    <TD align=right width=84><FONT

      face="Verdana, Arial, Helvetica, sans-serif" size=-2>Width:

     </FONT></TD>

    <TD align=left width=157><FONT size=-2><INPUT maxLength=4 size=4 value=100

      name=width> <SELECT name=widthType> <OPTION value="">Pixels</OPTION>

        <OPTION value=% selected>Percent</OPTION></SELECT> </FONT></TD></TR>

  <TR vAlign=center align=middle bgColor=#ffffff>

    <TD align=right width=121><FONT

      face="Verdana, Arial, Helvetica, sans-serif" size=-2>Cell

    Spacing:</FONT></TD>

    <TD align=left width=35><FONT face="Verdana, Arial, Helvetica, sans-serif"

      size=-2><INPUT class=txtClass maxLength=3 size=3 value=1 name=cellspacing>

      </FONT></TD>

    <TD align=right width=124><FONT

      face="Verdana, Arial, Helvetica, sans-serif" size=-2>Cell

    Padding:</FONT></TD>

    <TD align=left width=37><FONT face="Verdana, Arial, Helvetica, sans-serif"

      size=-2><INPUT maxLength=3 size=3 value=1 name=cellpadding> </FONT></TD>

    <TD align=right width=84><FONT

      face="Verdana, Arial, Helvetica, sans-serif" size=-2>Border:</FONT></TD>

    <TD align=left width=157><FONT size=-2><INPUT maxLength=3 size=3 value=1

      name=border> </FONT></TD></TR>

  <TR vAlign=center align=middle bgColor=#ffffff>

    <TD align=right width=121><FONT

      face="Verdana, Arial, Helvetica, sans-serif" size=-2>Lt Border

      Color:</FONT></TD>

    <TD align=left width=35><INPUT onmouseover="MM_showHideLayers('Ltc','','show')" style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 25px; CURSOR: hand; BORDER-RIGHT-WIDTH: 0px" onmouseout="MM_showHideLayers('Ltc','','hide')" type=button value=" " name=B1>

    </TD>

    <TD align=right width=124><FONT

      face="Verdana, Arial, Helvetica, sans-serif" size=-2>Drk Border

      Color:</FONT></TD>

    <TD align=left width=37><INPUT onmouseover="MM_showHideLayers('Dkc','','show');" style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 25px; CURSOR: hand; BACKGROUND-COLOR: #cccccc; BORDER-RIGHT-WIDTH: 0px" onmouseout="MM_showHideLayers('Dkc','','hide');" type=button value=" " name=B2>

    </TD>

    <TD align=right width=84><FONT

      face="Verdana, Arial, Helvetica, sans-serif" size=-2>Bg Color:</FONT></TD>

    <TD align=left width=157><INPUT onmouseover="MM_showHideLayers('Bgc','','show');" style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 25px; CURSOR: hand; BACKGROUND-COLOR: #cccccc; BORDER-RIGHT-WIDTH: 0px" onmouseout="MM_showHideLayers('Bgc','','hide');" type=button value=" " name=B3>

      <FONT face="Verdana, Arial, Helvetica, sans-serif" size=-2><INPUT

      type=hidden name=Bgcolor> <INPUT type=hidden name=Dkcolor> <INPUT

      type=hidden name=Ltcolor> </FONT><FONT size=-2></FONT></TD></TR>

  <TR vAlign=center align=middle bgColor=#ffffff>

    <TD colSpan=6><FONT face=arial size=3><B><BR></B></FONT><FONT color=#ffffff

      size=2><B></B></FONT><FONT size=-2><BR><BR><INPUT type=hidden

      name=theCode> <INPUT style="BORDER-TOP-WIDTH: 2px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 2px; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #006699; BORDER-BOTTOM-WIDTH: 2px; BORDER-BOTTOM-COLOR: #006699; WIDTH: 100px; CURSOR: hand; COLOR: #ffffff; BORDER-TOP-COLOR: #006699; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #006699; BORDER-RIGHT-WIDTH: 2px; BORDER-RIGHT-COLOR: #006699" onclick=InsSM() type=button value="Create Table" name=Button2>

      </FONT></TD></TR></TBODY></TABLE>

<DIV id=Ltc onmouseover="MM_showHideLayers('Ltc','','show');"

style="Z-INDEX: 1; LEFT: 130px; VISIBILITY: hidden; WIDTH: 289px; POSITION: absolute; TOP: 30px; HEIGHT: 45px"

onmouseout="MM_showHideLayers('Ltc','','hide');"><A><IMG height=67

src="colortable.gif" width=289 useMap=#colmap border=0></A> <MAP

name=colmap><AREA shape=RECT coords=1,1,7,10

  href="javascript:showColor('#00FF00')"><AREA shape=RECT coords=9,1,15,10

  href="javascript:showColor('#00FF33')"><AREA shape=RECT coords=17,1,23,10

  href="javascript:showColor('#00FF66')"><AREA shape=RECT coords=25,1,31,10

  href="javascript:showColor('#00FF99')"><AREA shape=RECT coords=33,1,39,10

  href="javascript:showColor('#00FFCC')"><AREA shape=RECT coords=41,1,47,10

  href="javascript:showColor('#00FFFF')"><AREA shape=RECT coords=49,1,55,10

  href="javascript:showColor('#33FF00')"><AREA shape=RECT coords=57,1,63,10

  href="javascript:showColor('#33FF33')"><AREA shape=RECT coords=65,1,71,10

  href="javascript:showColor('#33FF66')"><AREA shape=RECT coords=73,1,79,10

  href="javascript:showColor('#33FF99')"><AREA shape=RECT coords=81,1,87,10

  href="javascript:showColor('#33FFCC')"><AREA shape=RECT coords=89,1,95,10

  href="javascript:showColor('#33FFFF')"><AREA shape=RECT coords=97,1,103,10

  href="javascript:showColor('#66FF00')"><AREA shape=RECT coords=105,1,111,10

  href="javascript:showColor('#66FF33')"><AREA shape=RECT coords=113,1,119,10

  href="javascript:showColor('#66FF66')"><AREA shape=RECT coords=121,1,127,10

  href="javascript:showColor('#66FF99')"><AREA shape=RECT coords=129,1,135,10

  href="javascript:showColor('#66FFCC')"><AREA shape=RECT coords=137,1,143,10

  href="javascript:showColor('#66FFFF')"><AREA shape=RECT coords=145,1,151,10

  href="javascript:showColor('#99FF00')"><AREA shape=RECT coords=153,1,159,10

  href="javascript:showColor('#99FF33')"><AREA shape=RECT coords=161,1,167,10

  href="javascript:showColor('#99FF66')"><AREA shape=RECT coords=169,1,175,10

  href="javascript:showColor('#99FF99')"><AREA shape=RECT coords=177,1,183,10

  href="javascript:showColor('#99FFCC')"><AREA shape=RECT coords=185,1,191,10

  href="javascript:showColor('#99FFFF')"><AREA shape=RECT coords=193,1,199,10

  href="javascript:showColor('#CCFF00')"><AREA shape=RECT coords=201,1,207,10

  href="javascript:showColor('#CCFF33')"><AREA shape=RECT coords=209,1,215,10

  href="javascript:showColor('#CCFF66')"><AREA shape=RECT coords=217,1,223,10

  href="javascript:showColor('#CCFF99')"><AREA shape=RECT coords=225,1,231,10

  href="javascript:showColor('#CCFFCC')"><AREA shape=RECT coords=233,1,239,10

  href="javascript:showColor('#CCFFFF')"><AREA shape=RECT coords=241,1,247,10

  href="javascript:showColor('#FFFF00')"><AREA shape=RECT coords=249,1,255,10

  href="javascript:showColor('#FFFF33')"><AREA shape=RECT coords=257,1,263,10

  href="javascript:showColor('#FFFF66')"><AREA shape=RECT coords=265,1,271,10

  href="javascript:showColor('#FFFF99')"><AREA shape=RECT coords=273,1,279,10

  href="javascript:showColor('#FFFFCC')"><AREA shape=RECT coords=281,1,287,10

  href="javascript:showColor('#FFFFFF')"><AREA shape=RECT coords=1,12,7,21

  href="javascript:showColor('#00CC00')"><AREA shape=RECT coords=9,12,15,21

  href="javascript:showColor('#00CC33')"><AREA shape=RECT coords=17,12,23,21

  href="javascript:showColor('#00CC66')"><AREA shape=RECT coords=25,12,31,21

  href="javascript:showColor('#00CC99')"><AREA shape=RECT coords=33,12,39,21

  href="javascript:showColor('#00CCCC')"><AREA shape=RECT coords=41,12,47,21

  href="javascript:showColor('#00CCFF')"><AREA shape=RECT coords=49,12,55,21

  href="javascript:showColor('#33CC00')"><AREA shape=RECT coords=57,12,63,21

  href="javascript:showColor('#33CC33')"><AREA shape=RECT coords=65,12,71,21

  href="javascript:showColor('#33CC66')"><AREA shape=RECT coords=73,12,79,21

  href="javascript:showColor('#33CC99')"><AREA shape=RECT coords=81,12,87,21

  href="javascript:showColor('#33CCCC')"><AREA shape=RECT coords=89,12,95,21

  href="javascript:showColor('#33CCFF')"><AREA shape=RECT coords=97,12,103,21

  href="javascript:showColor('#66CC00')"><AREA shape=RECT coords=105,12,111,21

  href="javascript:showColor('#66CC33')"><AREA shape=RECT coords=113,12,119,21

  href="javascript:showColor('#66CC66')"><AREA shape=RECT coords=121,12,127,21

  href="javascript:showColor('#66CC99')"><AREA shape=RECT coords=129,12,135,21

  href="javascript:showColor('#66CCCC')"><AREA shape=RECT coords=137,12,143,21

  href="javascript:showColor('#66CCFF')"><AREA shape=RECT coords=145,12,151,21

  href="javascript:showColor('#99CC00')"><AREA shape=RECT coords=153,12,159,21

  href="javascript:showColor('#99CC33')"><AREA shape=RECT coords=161,12,167,21

  href="javascript:showColor('#99CC66')"><AREA shape=RECT coords=169,12,175,21

  href="javascript:showColor('#99CC99')"><AREA shape=RECT coords=177,12,183,21

  href="javascript:showColor('#99CCCC')"><AREA shape=RECT coords=185,12,191,21

  href="javascript:showColor('#99CCFF')"><AREA shape=RECT coords=193,12,199,21

  href="javascript:showColor('#CCCC00')"><AREA shape=RECT coords=201,12,207,21

  href="javascript:showColor('#CCCC33')"><AREA shape=RECT coords=209,12,215,21

  href="javascript:showColor('#CCCC66')"><AREA shape=RECT coords=217,12,223,21

  href="javascript:showColor('#CCCC99')"><AREA shape=RECT coords=225,12,231,21

  href="javascript:showColor('#CCCCCC')"><AREA shape=RECT coords=233,12,239,21

  href="javascript:showColor('#CCCCFF')"><AREA shape=RECT coords=241,12,247,21

  href="javascript:showColor('#FFCC00')"><AREA shape=RECT coords=249,12,255,21

  href="javascript:showColor('#FFCC33')"><AREA shape=RECT coords=257,12,263,21

  href="javascript:showColor('#FFCC66')"><AREA shape=RECT coords=265,12,271,21

  href="javascript:showColor('#FFCC99')"><AREA shape=RECT coords=273,12,279,21

  href="javascript:showColor('#FFCCCC')"><AREA shape=RECT coords=281,12,287,21

  href="javascript:showColor('#FFCCFF')"><AREA shape=RECT coords=1,23,7,32

  href="javascript:showColor('#009900')"><AREA shape=RECT coords=9,23,15,32

  href="javascript:showColor('#009933')"><AREA shape=RECT coords=17,23,23,32

  href="javascript:showColor('#009966')"><AREA shape=RECT coords=25,23,31,32

  href="javascript:showColor('#009999')"><AREA shape=RECT coords=33,23,39,32

  href="javascript:showColor('#0099CC')"><AREA shape=RECT coords=41,23,47,32

  href="javascript:showColor('#0099FF')"><AREA shape=RECT coords=49,23,55,32

  href="javascript:showColor('#339900')"><AREA shape=RECT coords=57,23,63,32

  href="javascript:showColor('#339933')"><AREA shape=RECT coords=65,23,71,32

  href="javascript:showColor('#339966')"><AREA shape=RECT coords=73,23,79,32

  href="javascript:showColor('#339999')"><AREA shape=RECT coords=81,23,87,32

  href="javascript:showColor('#3399CC')"><AREA shape=RECT coords=89,23,95,32

  href="javascript:showColor('#3399FF')"><AREA shape=RECT coords=97,23,103,32

  href="javascript:showColor('#669900')"><AREA shape=RECT coords=105,23,111,32

  href="javascript:showColor('#669933')"><AREA shape=RECT coords=113,23,119,32

  href="javascript:showColor('#669966')"><AREA shape=RECT coords=121,23,127,32

  href="javascript:showColor('#669999')"><AREA shape=RECT coords=129,23,135,32

  href="javascript:showColor('#6699CC')"><AREA shape=RECT coords=137,23,143,32

  href="javascript:showColor('#6699FF')"><AREA shape=RECT coords=145,23,151,32

  href="javascript:showColor('#999900')"><AREA shape=RECT coords=153,23,159,32

  href="javascript:showColor('#999933')"><AREA shape=RECT coords=161,23,167,32

  href="javascript:showColor('#999966')"><AREA shape=RECT coords=169,23,175,32

  href="javascript:showColor('#999999')"><AREA shape=RECT coords=177,23,183,32

  href="javascript:showColor('#9999CC')"><AREA shape=RECT coords=185,23,191,32

  href="javascript:showColor('#9999FF')"><AREA shape=RECT coords=193,23,199,32

  href="javascript:showColor('#CC9900')"><AREA shape=RECT coords=201,23,207,32

  href="javascript:showColor('#CC9933')"><AREA shape=RECT coords=209,23,215,32

  href="javascript:showColor('#CC9966')"><AREA shape=RECT coords=217,23,223,32

  href="javascript:showColor('#CC9999')"><AREA shape=RECT coords=225,23,231,32

  href="javascript:showColor('#CC99CC')"><AREA shape=RECT coords=233,23,239,32

  href="javascript:showColor('#CC99FF')"><AREA shape=RECT coords=241,23,247,32

  href="javascript:showColor('#FF9900')"><AREA shape=RECT coords=249,23,255,32

  href="javascript:showColor('#FF9933')"><AREA shape=RECT coords=257,23,263,32

  href="javascript:showColor('#FF9966')"><AREA shape=RECT coords=265,23,271,32

  href="javascript:showColor('#FF9999')"><AREA shape=RECT coords=273,23,279,32

  href="javascript:showColor('#FF99CC')"><AREA shape=RECT coords=281,23,287,32

  href="javascript:showColor('#FF99FF')"><AREA shape=RECT coords=1,34,7,43

  href="javascript:showColor('#006600')"><AREA shape=RECT coords=9,34,15,43

  href="javascript:showColor('#006633')"><AREA shape=RECT coords=17,34,23,43

  href="javascript:showColor('#006666')"><AREA shape=RECT coords=25,34,31,43

  href="javascript:showColor('#006699')"><AREA shape=RECT coords=33,34,39,43

  href="javascript:showColor('#0066CC')"><AREA shape=RECT coords=41,34,47,43

  href="javascript:showColor('#0066FF')"><AREA shape=RECT coords=49,34,55,43

  href="javascript:showColor('#336600')"><AREA shape=RECT coords=57,34,63,43

  href="javascript:showColor('#336633')"><AREA shape=RECT coords=65,34,71,43

  href="javascript:showColor('#336666')"><AREA shape=RECT coords=73,34,79,43

  href="javascript:showColor('#336699')"><AREA shape=RECT coords=81,34,87,43

  href="javascript:showColor('#3366CC')"><AREA shape=RECT coords=89,34,95,43

  href="javascript:showColor('#3366FF')"><AREA shape=RECT coords=97,34,103,43

  href="javascript:showColor('#666600')"><AREA shape=RECT coords=105,34,111,43

  href="javascript:showColor('#666633')"><AREA shape=RECT coords=113,34,119,43

  href="javascript:showColor('#666666')"><AREA shape=RECT coords=121,34,127,43

  href="javascript:showColor('#666699')"><AREA shape=RECT coords=129,34,135,43

  href="javascript:showColor('#6666CC')"><AREA shape=RECT coords=137,34,143,43

  href="javascript:showColor('#6666FF')"><AREA shape=RECT coords=145,34,151,43

  href="javascript:showColor('#996600')"><AREA shape=RECT coords=153,34,159,43

  href="javascript:showColor('#996633')"><AREA shape=RECT coords=161,34,167,43

  href="javascript:showColor('#996666')"><AREA shape=RECT coords=169,34,175,43

  href="javascript:showColor('#996699')"><AREA shape=RECT coords=177,34,183,43

  href="javascript:showColor('#9966CC')"><AREA shape=RECT coords=185,34,191,43

  href="javascript:showColor('#9966FF')"><AREA shape=RECT coords=193,34,199,43

  href="javascript:showColor('#CC6600')"><AREA shape=RECT coords=201,34,207,43

  href="javascript:showColor('#CC6633')"><AREA shape=RECT coords=209,34,215,43

  href="javascript:showColor('#CC6666')"><AREA shape=RECT coords=217,34,223,43

  href="javascript:showColor('#CC6699')"><AREA shape=RECT coords=225,34,231,43

  href="javascript:showColor('#CC66CC')"><AREA shape=RECT coords=233,34,239,43

  href="javascript:showColor('#CC66FF')"><AREA shape=RECT coords=241,34,247,43

  href="javascript:showColor('#FF6600')"><AREA shape=RECT coords=249,34,255,43

  href="javascript:showColor('#FF6633')"><AREA shape=RECT coords=257,34,263,43

  href="javascript:showColor('#FF6666')"><AREA shape=RECT coords=265,34,271,43

  href="javascript:showColor('#FF6699')"><AREA shape=RECT coords=273,34,279,43

  href="javascript:showColor('#FF66CC')"><AREA shape=RECT coords=281,34,287,43

  href="javascript:showColor('#FF66FF')"><AREA shape=RECT coords=1,45,7,54

  href="javascript:showColor('#003300')"><AREA shape=RECT coords=9,45,15,54

  href="javascript:showColor('#003333')"><AREA shape=RECT coords=17,45,23,54

  href="javascript:showColor('#003366')"><AREA shape=RECT coords=25,45,31,54

  href="javascript:showColor('#003399')"><AREA shape=RECT coords=33,45,39,54

  href="javascript:showColor('#0033CC')"><AREA shape=RECT coords=41,45,47,54

  href="javascript:showColor('#0033FF')"><AREA shape=RECT coords=49,45,55,54

  href="javascript:showColor('#333300')"><AREA shape=RECT coords=57,45,63,54

  href="javascript:showColor('#333333')"><AREA shape=RECT coords=65,45,71,54

  href="javascript:showColor('#333366')"><AREA shape=RECT coords=73,45,79,54

  href="javascript:showColor('#333399')"><AREA shape=RECT coords=81,45,87,54

  href="javascript:showColor('#3333CC')"><AREA shape=RECT coords=89,45,95,54

  href="javascript:showColor('#3333FF')"><AREA shape=RECT coords=97,45,103,54

  href="javascript:showColor('#663300')"><AREA shape=RECT coords=105,45,111,54

  href="javascript:showColor('#663333')"><AREA shape=RECT coords=113,45,119,54

  href="javascript:showColor('#663366')"><AREA shape=RECT coords=121,45,127,54

  href="javascript:showColor('#663399')"><AREA shape=RECT coords=129,45,135,54

  href="javascript:showColor('#6633CC')"><AREA shape=RECT coords=137,45,143,54

  href="javascript:showColor('#6633FF')"><AREA shape=RECT coords=145,45,151,54

  href="javascript:showColor('#993300')"><AREA shape=RECT coords=153,45,159,54

  href="javascript:showColor('#993333')"><AREA shape=RECT coords=161,45,167,54

  href="javascript:showColor('#993366')"><AREA shape=RECT coords=169,45,175,54

  href="javascript:showColor('#993399')"><AREA shape=RECT coords=177,45,183,54

  href="javascript:showColor('#9933CC')"><AREA shape=RECT coords=185,45,191,54

  href="javascript:showColor('#9933FF')"><AREA shape=RECT coords=193,45,199,54

  href="javascript:showColor('#CC3300')"><AREA shape=RECT coords=201,45,207,54

  href="javascript:showColor('#CC3333')"><AREA shape=RECT coords=209,45,215,54

  href="javascript:showColor('#CC3366')"><AREA shape=RECT coords=217,45,223,54

  href="javascript:showColor('#CC3399')"><AREA shape=RECT coords=225,45,231,54

  href="javascript:showColor('#CC33CC')"><AREA shape=RECT coords=233,45,239,54

  href="javascript:showColor('#CC33FF')"><AREA shape=RECT coords=241,45,247,54

  href="javascript:showColor('#FF3300')"><AREA shape=RECT coords=249,45,255,54

  href="javascript:showColor('#FF3333')"><AREA shape=RECT coords=257,45,263,54

  href="javascript:showColor('#FF3366')"><AREA shape=RECT coords=265,45,271,54

  href="javascript:showColor('#FF3399')"><AREA shape=RECT coords=273,45,279,54

  href="javascript:showColor('#FF33CC')"><AREA shape=RECT coords=281,45,287,54

  href="javascript:showColor('#FF33FF')"><AREA shape=RECT coords=1,56,7,65

  href="javascript:showColor('#000000')"><AREA shape=RECT coords=9,56,15,65

  href="javascript:showColor('#000033')"><AREA shape=RECT coords=17,56,23,65

  href="javascript:showColor('#000066')"><AREA shape=RECT coords=25,56,31,65

  href="javascript:showColor('#000099')"><AREA shape=RECT coords=33,56,39,65

  href="javascript:showColor('#0000CC')"><AREA shape=RECT coords=41,56,47,65

  href="javascript:showColor('#0000FF')"><AREA shape=RECT coords=49,56,55,65

  href="javascript:showColor('#330000')"><AREA shape=RECT coords=57,56,63,65

  href="javascript:showColor('#330033')"><AREA shape=RECT coords=65,56,71,65

  href="javascript:showColor('#330066')"><AREA shape=RECT coords=73,56,79,65

  href="javascript:showColor('#330099')"><AREA shape=RECT coords=81,56,87,65

  href="javascript:showColor('#3300CC')"><AREA shape=RECT coords=89,56,95,65

  href="javascript:showColor('#3300FF')"><AREA shape=RECT coords=97,56,103,65

  href="javascript:showColor('#660000')"><AREA shape=RECT coords=105,56,111,65

  href="javascript:showColor('#660033')"><AREA shape=RECT coords=113,56,119,65

  href="javascript:showColor('#660066')"><AREA shape=RECT coords=121,56,127,65

  href="javascript:showColor('#660099')"><AREA shape=RECT coords=129,56,135,65

  href="javascript:showColor('#6600CC')"><AREA shape=RECT coords=137,56,143,65

  href="javascript:showColor('#6600FF')"><AREA shape=RECT coords=145,56,151,65

  href="javascript:showColor('#990000')"><AREA shape=RECT coords=153,56,159,65

  href="javascript:showColor('#990033')"><AREA shape=RECT coords=161,56,167,65

  href="javascript:showColor('#990066')"><AREA shape=RECT coords=169,56,175,65

  href="javascript:showColor('#990099')"><AREA shape=RECT coords=177,56,183,65

  href="javascript:showColor('#9900CC')"><AREA shape=RECT coords=185,56,191,65

  href="javascript:showColor('#9900FF')"><AREA shape=RECT coords=193,56,199,65

  href="javascript:showColor('#CC0000')"><AREA shape=RECT coords=201,56,207,65

  href="javascript:showColor('#CC0033')"><AREA shape=RECT coords=209,56,215,65

  href="javascript:showColor('#CC0066')"><AREA shape=RECT coords=217,56,223,65

  href="javascript:showColor('#CC0099')"><AREA shape=RECT coords=225,56,231,65

  href="javascript:showColor('#CC00CC')"><AREA shape=RECT coords=233,56,239,65

  href="javascript:showColor('#CC00FF')"><AREA shape=RECT coords=241,56,247,65

  href="javascript:showColor('#FF0000')"><AREA shape=RECT coords=249,56,255,65

  href="javascript:showColor('#FF0033')"><AREA shape=RECT coords=257,56,263,65

  href="javascript:showColor('#FF0066')"><AREA shape=RECT coords=265,56,271,65

  href="javascript:showColor('#FF0099')"><AREA shape=RECT coords=273,56,279,65

  href="javascript:showColor('#FF00CC')"><AREA shape=RECT coords=281,56,287,65

  href="javascript:showColor('#FF00FF')"></MAP></DIV>

<DIV id=Dkc onmouseover="MM_showHideLayers('Dkc','','show');"

style="Z-INDEX: 1; LEFT: 162px; VISIBILITY: hidden; WIDTH: 289px; POSITION: absolute; TOP: 30px; HEIGHT: 67px"

onmouseout="MM_showHideLayers('Dkc','','hide');"><A><IMG height=67

src="colortable.gif" width=289 useMap=#colmapMap2Map border=0></A><MAP

name=colmapMap2Map> <AREA shape=RECT coords=1,1,7,10

  href="javascript:showM('#00FF00')"><AREA shape=RECT coords=9,1,15,10

  href="javascript:showM('#00FF33')"><AREA shape=RECT coords=17,1,23,10

  href="javascript:showM('#00FF66')"><AREA shape=RECT coords=25,1,31,10

  href="javascript:showM('#00FF99')"><AREA shape=RECT coords=33,1,39,10

  href="javascript:showM('#00FFCC')"><AREA shape=RECT coords=41,1,47,10

  href="javascript:showM('#00FFFF')"><AREA shape=RECT coords=49,1,55,10

  href="javascript:showM('#33FF00')"><AREA shape=RECT coords=57,1,63,10

  href="javascript:showM('#33FF33')"><AREA shape=RECT coords=65,1,71,10

  href="javascript:showM('#33FF66')"><AREA shape=RECT coords=73,1,79,10

  href="javascript:showM('#33FF99')"><AREA shape=RECT coords=81,1,87,10

  href="javascript:showM('#33FFCC')"><AREA shape=RECT coords=89,1,95,10

  href="javascript:showM('#33FFFF')"><AREA shape=RECT coords=97,1,103,10

  href="javascript:showM('#66FF00')"><AREA shape=RECT coords=105,1,111,10

  href="javascript:showM('#66FF33')"><AREA shape=RECT coords=113,1,119,10

  href="javascript:showM('#66FF66')"><AREA shape=RECT coords=121,1,127,10

  href="javascript:showM('#66FF99')"><AREA shape=RECT coords=129,1,135,10

  href="javascript:showM('#66FFCC')"><AREA shape=RECT coords=137,1,143,10

  href="javascript:showM('#66FFFF')"><AREA shape=RECT coords=145,1,151,10

  href="javascript:showM('#99FF00')"><AREA shape=RECT coords=153,1,159,10

  href="javascript:showM('#99FF33')"><AREA shape=RECT coords=161,1,167,10

  href="javascript:showM('#99FF66')"><AREA shape=RECT coords=169,1,175,10

  href="javascript:showM('#99FF99')"><AREA shape=RECT coords=177,1,183,10

  href="javascript:showM('#99FFCC')"><AREA shape=RECT coords=185,1,191,10

  href="javascript:showM('#99FFFF')"><AREA shape=RECT coords=193,1,199,10

  href="javascript:showM('#CCFF00')"><AREA shape=RECT coords=201,1,207,10

  href="javascript:showM('#CCFF33')"><AREA shape=RECT coords=209,1,215,10

  href="javascript:showM('#CCFF66')"><AREA shape=RECT coords=217,1,223,10

  href="javascript:showM('#CCFF99')"><AREA shape=RECT coords=225,1,231,10

  href="javascript:showM('#CCFFCC')"><AREA shape=RECT coords=233,1,239,10

  href="javascript:showM('#CCFFFF')"><AREA shape=RECT coords=241,1,247,10

  href="javascript:showM('#FFFF00')"><AREA shape=RECT coords=249,1,255,10

  href="javascript:showM('#FFFF33')"><AREA shape=RECT coords=257,1,263,10

  href="javascript:showM('#FFFF66')"><AREA shape=RECT coords=265,1,271,10

  href="javascript:showM('#FFFF99')"><AREA shape=RECT coords=273,1,279,10

  href="javascript:showM('#FFFFCC')"><AREA shape=RECT coords=281,1,287,10

  href="javascript:showM('#FFFFFF')"><AREA shape=RECT coords=1,12,7,21

  href="javascript:showM('#00CC00')"><AREA shape=RECT coords=9,12,15,21

  href="javascript:showM('#00CC33')"><AREA shape=RECT coords=17,12,23,21

  href="javascript:showM('#00CC66')"><AREA shape=RECT coords=25,12,31,21

  href="javascript:showM('#00CC99')"><AREA shape=RECT coords=33,12,39,21

  href="javascript:showM('#00CCCC')"><AREA shape=RECT coords=41,12,47,21

  href="javascript:showM('#00CCFF')"><AREA shape=RECT coords=49,12,55,21

  href="javascript:showM('#33CC00')"><AREA shape=RECT coords=57,12,63,21

  href="javascript:showM('#33CC33')"><AREA shape=RECT coords=65,12,71,21

  href="javascript:showM('#33CC66')"><AREA shape=RECT coords=73,12,79,21

  href="javascript:showM('#33CC99')"><AREA shape=RECT coords=81,12,87,21

  href="javascript:showM('#33CCCC')"><AREA shape=RECT coords=89,12,95,21

  href="javascript:showM('#33CCFF')"><AREA shape=RECT coords=97,12,103,21

  href="javascript:showM('#66CC00')"><AREA shape=RECT coords=105,12,111,21

  href="javascript:showM('#66CC33')"><AREA shape=RECT coords=113,12,119,21

  href="javascript:showM('#66CC66')"><AREA shape=RECT coords=121,12,127,21

  href="javascript:showM('#66CC99')"><AREA shape=RECT coords=129,12,135,21

  href="javascript:showM('#66CCCC')"><AREA shape=RECT coords=137,12,143,21

  href="javascript:showM('#66CCFF')"><AREA shape=RECT coords=145,12,151,21

  href="javascript:showM('#99CC00')"><AREA shape=RECT coords=153,12,159,21

  href="javascript:showM('#99CC33')"><AREA shape=RECT coords=161,12,167,21

  href="javascript:showM('#99CC66')"><AREA shape=RECT coords=169,12,175,21

  href="javascript:showM('#99CC99')"><AREA shape=RECT coords=177,12,183,21

  href="javascript:showM('#99CCCC')"><AREA shape=RECT coords=185,12,191,21

  href="javascript:showM('#99CCFF')"><AREA shape=RECT coords=193,12,199,21

  href="javascript:showM('#CCCC00')"><AREA shape=RECT coords=201,12,207,21

  href="javascript:showM('#CCCC33')"><AREA shape=RECT coords=209,12,215,21

  href="javascript:showM('#CCCC66')"><AREA shape=RECT coords=217,12,223,21

  href="javascript:showM('#CCCC99')"><AREA shape=RECT coords=225,12,231,21

  href="javascript:showM('#CCCCCC')"><AREA shape=RECT coords=233,12,239,21

  href="javascript:showM('#CCCCFF')"><AREA shape=RECT coords=241,12,247,21

  href="javascript:showM('#FFCC00')"><AREA shape=RECT coords=249,12,255,21

  href="javascript:showM('#FFCC33')"><AREA shape=RECT coords=257,12,263,21

  href="javascript:showM('#FFCC66')"><AREA shape=RECT coords=265,12,271,21

  href="javascript:showM('#FFCC99')"><AREA shape=RECT coords=273,12,279,21

  href="javascript:showM('#FFCCCC')"><AREA shape=RECT coords=281,12,287,21

  href="javascript:showM('#FFCCFF')"><AREA shape=RECT coords=1,23,7,32

  href="javascript:showM('#009900')"><AREA shape=RECT coords=9,23,15,32

  href="javascript:showM('#009933')"><AREA shape=RECT coords=17,23,23,32

  href="javascript:showB('#009966')"><AREA shape=RECT coords=25,23,31,32

  href="javascript:showM('#009999')"><AREA shape=RECT coords=33,23,39,32

  href="javascript:showM('#0099CC')"><AREA shape=RECT coords=41,23,47,32

  href="javascript:showM('#0099FF')"><AREA shape=RECT coords=49,23,55,32

  href="javascript:showM('#339900')"><AREA shape=RECT coords=57,23,63,32

  href="javascript:showM('#339933')"><AREA shape=RECT coords=65,23,71,32

  href="javascript:showM('#339966')"><AREA shape=RECT coords=73,23,79,32

  href="javascript:showM('#339999')"><AREA shape=RECT coords=81,23,87,32

  href="javascript:showM('#3399CC')"><AREA shape=RECT coords=89,23,95,32

  href="javascript:showM('#3399FF')"><AREA shape=RECT coords=97,23,103,32

  href="javascript:showM('#669900')"><AREA shape=RECT coords=105,23,111,32

  href="javascript:showM('#669933')"><AREA shape=RECT coords=113,23,119,32

  href="javascript:showM('#669966')"><AREA shape=RECT coords=121,23,127,32

  href="javascript:showM('#669999')"><AREA shape=RECT coords=129,23,135,32

  href="javascript:showM('#6699CC')"><AREA shape=RECT coords=137,23,143,32

  href="javascript:showM('#6699FF')"><AREA shape=RECT coords=145,23,151,32

  href="javascript:showM('#999900')"><AREA shape=RECT coords=153,23,159,32

  href="javascript:showM('#999933')"><AREA shape=RECT coords=161,23,167,32

  href="javascript:showM('#999966')"><AREA shape=RECT coords=169,23,175,32

  href="javascript:showM('#999999')"><AREA shape=RECT coords=177,23,183,32

  href="javascript:showM('#9999CC')"><AREA shape=RECT coords=185,23,191,32

  href="javascript:showM('#9999FF')"><AREA shape=RECT coords=193,23,199,32

  href="javascript:showM('#CC9900')"><AREA shape=RECT coords=201,23,207,32

  href="javascript:showM('#CC9933')"><AREA shape=RECT coords=209,23,215,32

  href="javascript:showM'#CC9966')"><AREA shape=RECT coords=217,23,223,32

  href="javascript:showM('#CC9999')"><AREA shape=RECT coords=225,23,231,32

  href="javascript:showM('#CC99CC')"><AREA shape=RECT coords=233,23,239,32

  href="javascript:showM('#CC99FF')"><AREA shape=RECT coords=241,23,247,32

  href="javascript:showM('#FF9900')"><AREA shape=RECT coords=249,23,255,32

  href="javascript:showM('#FF9933')"><AREA shape=RECT coords=257,23,263,32

  href="javascript:showM'#FF9966')"><AREA shape=RECT coords=265,23,271,32

  href="javascript:showM('#FF9999')"><AREA shape=RECT coords=273,23,279,32

  href="javascript:showM('#FF99CC')"><AREA shape=RECT coords=281,23,287,32

  href="javascript:showM('#FF99FF')"><AREA shape=RECT coords=1,34,7,43

  href="javascript:showM('#006600')"><AREA shape=RECT coords=9,34,15,43

  href="javascript:showM('#006633')"><AREA shape=RECT coords=17,34,23,43

  href="javascript:showM('#006666')"><AREA shape=RECT coords=25,34,31,43

  href="javascript:showM('#006699')"><AREA shape=RECT coords=33,34,39,43

  href="javascript:showM('#0066CC')"><AREA shape=RECT coords=41,34,47,43

  href="javascript:showM('#0066FF')"><AREA shape=RECT coords=49,34,55,43

  href="javascript:showM('#336600')"><AREA shape=RECT coords=57,34,63,43

  href="javascript:showM('#336633')"><AREA shape=RECT coords=65,34,71,43

  href="javascript:showM('#336666')"><AREA shape=RECT coords=73,34,79,43

  href="javascript:showM('#336699')"><AREA shape=RECT coords=81,34,87,43

  href="javascript:showM('#3366CC')"><AREA shape=RECT coords=89,34,95,43

  href="javascript:showM('#3366FF')"><AREA shape=RECT coords=97,34,103,43

  href="javascript:showM('#666600')"><AREA shape=RECT coords=105,34,111,43

  href="javascript:showM('#666633')"><AREA shape=RECT coords=113,34,119,43

  href="javascript:showM('#666666')"><AREA shape=RECT coords=121,34,127,43

  href="javascript:showM('#666699')"><AREA shape=RECT coords=129,34,135,43

  href="javascript:showM('#6666CC')"><AREA shape=RECT coords=137,34,143,43

  href="javascript:showM('#6666FF')"><AREA shape=RECT coords=145,34,151,43

  href="javascript:showM('#996600')"><AREA shape=RECT coords=153,34,159,43

  href="javascript:showM('#996633')"><AREA shape=RECT coords=161,34,167,43

  href="javascript:showM('#996666')"><AREA shape=RECT coords=169,34,175,43

  href="javascript:showM('#996699')"><AREA shape=RECT coords=177,34,183,43

  href="javascript:showM('#9966CC')"><AREA shape=RECT coords=185,34,191,43

  href="javascript:showM('#9966FF')"><AREA shape=RECT coords=193,34,199,43

  href="javascript:showM('#CC6600')"><AREA shape=RECT coords=201,34,207,43

  href="javascript:showM('#CC6633')"><AREA shape=RECT coords=209,34,215,43

  href="javascript:showM('#CC6666')"><AREA shape=RECT coords=217,34,223,43

  href="javascript:showM('#CC6699')"><AREA shape=RECT coords=225,34,231,43

  href="javascript:showM('#CC66CC')"><AREA shape=RECT coords=233,34,239,43

  href="javascript:showM('#CC66FF')"><AREA shape=RECT coords=241,34,247,43

  href="javascript:showM('#FF6600')"><AREA shape=RECT coords=249,34,255,43

  href="javascript:showM('#FF6633')"><AREA shape=RECT coords=257,34,263,43

  href="javascript:showM('#FF6666')"><AREA shape=RECT coords=265,34,271,43

  href="javascript:showM('#FF6699')"><AREA shape=RECT coords=273,34,279,43

  href="javascript:showM('#FF66CC')"><AREA shape=RECT coords=281,34,287,43

  href="javascript:showM('#FF66FF')"><AREA shape=RECT coords=1,45,7,54

  href="javascript:showM('#003300')"><AREA shape=RECT coords=9,45,15,54

  href="javascript:showM('#003333')"><AREA shape=RECT coords=17,45,23,54

  href="javascript:showM('#003366')"><AREA shape=RECT coords=25,45,31,54

  href="javascript:showM('#003399')"><AREA shape=RECT coords=33,45,39,54

  href="javascript:showM('#0033CC')"><AREA shape=RECT coords=41,45,47,54

  href="javascript:showM('#0033FF')"><AREA shape=RECT coords=49,45,55,54

  href="javascript:showM('#333300')"><AREA shape=RECT coords=57,45,63,54

  href="javascript:showM('#333333')"><AREA shape=RECT coords=65,45,71,54

  href="javascript:showM('#333366')"><AREA shape=RECT coords=73,45,79,54

  href="javascript:showM('#333399')"><AREA shape=RECT coords=81,45,87,54

  href="javascript:showM('#3333CC')"><AREA shape=RECT coords=89,45,95,54

  href="javascript:showM('#3333FF')"><AREA shape=RECT coords=97,45,103,54

  href="javascript:showM('#663300')"><AREA shape=RECT coords=105,45,111,54

  href="javascript:showM('#663333')"><AREA shape=RECT coords=113,45,119,54

  href="javascript:showM('#663366')"><AREA shape=RECT coords=121,45,127,54

  href="javascript:showM('#663399')"><AREA shape=RECT coords=129,45,135,54

  href="javascript:showM('#6633CC')"><AREA shape=RECT coords=137,45,143,54

  href="javascript:showM('#6633FF')"><AREA shape=RECT coords=145,45,151,54

  href="javascript:showM('#993300')"><AREA shape=RECT coords=153,45,159,54

  href="javascript:showM('#993333')"><AREA shape=RECT coords=161,45,167,54

  href="javascript:showM('#993366')"><AREA shape=RECT coords=169,45,175,54

  href="javascript:showM('#993399')"><AREA shape=RECT coords=177,45,183,54

  href="javascript:showM('#9933CC')"><AREA shape=RECT coords=185,45,191,54

  href="javascript:showM('#9933FF')"><AREA shape=RECT coords=193,45,199,54

  href="javascript:showM('#CC3300')"><AREA shape=RECT coords=201,45,207,54

  href="javascript:showM('#CC3333')"><AREA shape=RECT coords=209,45,215,54

  href="javascript:showM('#CC3366')"><AREA shape=RECT coords=217,45,223,54

  href="javascript:showM('#CC3399')"><AREA shape=RECT coords=225,45,231,54

  href="javascript:showM('#CC33CC')"><AREA shape=RECT coords=233,45,239,54

  href="javascript:showM('#CC33FF')"><AREA shape=RECT coords=241,45,247,54

  href="javascript:showM('#FF3300')"><AREA shape=RECT coords=249,45,255,54

  href="javascript:showM('#FF3333')"><AREA shape=RECT coords=257,45,263,54

  href="javascript:showM('#FF3366')"><AREA shape=RECT coords=265,45,271,54

  href="javascript:showM('#FF3399')"><AREA shape=RECT coords=273,45,279,54

  href="javascript:showM('#FF33CC')"><AREA shape=RECT coords=281,45,287,54

  href="javascript:showM('#FF33FF')"><AREA shape=RECT coords=1,56,7,65

  href="javascript:showM('#000000')"><AREA shape=RECT coords=9,56,15,65

  href="javascript:showM('#000033')"><AREA shape=RECT coords=17,56,23,65

  href="javascript:showM('#000066')"><AREA shape=RECT coords=25,56,31,65

  href="javascript:showM('#000099')"><AREA shape=RECT coords=33,56,39,65

  href="javascript:showM('#0000CC')"><AREA shape=RECT coords=41,56,47,65

  href="javascript:showM('#0000FF')"><AREA shape=RECT coords=49,56,55,65

  href="javascript:showM('#330000')"><AREA shape=RECT coords=57,56,63,65

  href="javascript:showM('#330033')"><AREA shape=RECT coords=65,56,71,65

  href="javascript:showM('#330066')"><AREA shape=RECT coords=73,56,79,65

  href="javascript:showM('#330099')"><AREA shape=RECT coords=81,56,87,65

  href="javascript:showM('#3300CC')"><AREA shape=RECT coords=89,56,95,65

  href="javascript:showM('#3300FF')"><AREA shape=RECT coords=97,56,103,65

  href="javascript:showM('#660000')"><AREA shape=RECT coords=105,56,111,65

  href="javascript:showM('#660033')"><AREA shape=RECT coords=113,56,119,65

  href="javascript:showM('#660066')"><AREA shape=RECT coords=121,56,127,65

  href="javascript:showM('#660099')"><AREA shape=RECT coords=129,56,135,65

  href="javascript:showM('#6600CC')"><AREA shape=RECT coords=137,56,143,65

  href="javascript:showM('#6600FF')"><AREA shape=RECT coords=145,56,151,65

  href="javascript:showM('#990000')"><AREA shape=RECT coords=153,56,159,65

  href="javascript:showM('#990033')"><AREA shape=RECT coords=161,56,167,65

  href="javascript:showM('#990066')"><AREA shape=RECT coords=169,56,175,65

  href="javascript:showM('#990099')"><AREA shape=RECT coords=177,56,183,65

  href="javascript:showM('#9900CC')"><AREA shape=RECT coords=185,56,191,65

  href="javascript:showM('#9900FF')"><AREA shape=RECT coords=193,56,199,65

  href="javascript:showM('#CC0000')"><AREA shape=RECT coords=201,56,207,65

  href="javascript:showM('#CC0033')"><AREA shape=RECT coords=209,56,215,65

  href="javascript:showM('#CC0066')"><AREA shape=RECT coords=217,56,223,65

  href="javascript:showM('#CC0099')"><AREA shape=RECT coords=225,56,231,65

  href="javascript:showM('#CC00CC')"><AREA shape=RECT coords=233,56,239,65

  href="javascript:showM('#CC00FF')"><AREA shape=RECT coords=241,56,247,65

  href="javascript:showM('#FF0000')"><AREA shape=RECT coords=249,56,255,65

  href="javascript:showM('#FF0033')"><AREA shape=RECT coords=257,56,263,65

  href="javascript:showM('#FF0066')"><AREA shape=RECT coords=265,56,271,65

  href="javascript:showM('#FF0099')"><AREA shape=RECT coords=273,56,279,65

  href="javascript:showM('#FF00CC')"><AREA shape=RECT coords=281,56,287,65

  href="javascript:showM('#FF00FF')"></MAP></DIV>

<DIV id=Bgc onmouseover="MM_showHideLayers('Bgc','','show');"

style="Z-INDEX: 1; LEFT: 175px; VISIBILITY: hidden; WIDTH: 289px; POSITION: absolute; TOP: 30px; HEIGHT: 67px"

onmouseout="MM_showHideLayers('Bgc','','hide');"><A><IMG height=67

src="colortable.gif" width=289 useMap=#colmapMap2MapMap

border=0></A><MAP name=colmapMap2MapMap> <AREA shape=RECT coords=1,1,7,10

  href="javascript:show('#00FF00')"><AREA shape=RECT coords=9,1,15,10

  href="javascript:show('#00FF33')"><AREA shape=RECT coords=17,1,23,10

  href="javascript:show('#00FF66')"><AREA shape=RECT coords=25,1,31,10

  href="javascript:show('#00FF99')"><AREA shape=RECT coords=33,1,39,10

  href="javascript:show('#00FFCC')"><AREA shape=RECT coords=41,1,47,10

  href="javascript:show('#00FFFF')"><AREA shape=RECT coords=49,1,55,10

  href="javascript:show('#33FF00')"><AREA shape=RECT coords=57,1,63,10

  href="javascript:show('#33FF33')"><AREA shape=RECT coords=65,1,71,10

  href="javascript:show('#33FF66')"><AREA shape=RECT coords=73,1,79,10

  href="javascript:show('#33FF99')"><AREA shape=RECT coords=81,1,87,10

  href="javascript:show('#33FFCC')"><AREA shape=RECT coords=89,1,95,10

  href="javascript:show('#33FFFF')"><AREA shape=RECT coords=97,1,103,10

  href="javascript:show('#66FF00')"><AREA shape=RECT coords=105,1,111,10

  href="javascript:show('#66FF33')"><AREA shape=RECT coords=113,1,119,10

  href="javascript:show('#66FF66')"><AREA shape=RECT coords=121,1,127,10

  href="javascript:show('#66FF99')"><AREA shape=RECT coords=129,1,135,10

  href="javascript:show('#66FFCC')"><AREA shape=RECT coords=137,1,143,10

  href="javascript:show('#66FFFF')"><AREA shape=RECT coords=145,1,151,10

  href="javascript:show('#99FF00')"><AREA shape=RECT coords=153,1,159,10

  href="javascript:show('#99FF33')"><AREA shape=RECT coords=161,1,167,10

  href="javascript:show('#99FF66')"><AREA shape=RECT coords=169,1,175,10

  href="javascript:show('#99FF99')"><AREA shape=RECT coords=177,1,183,10

  href="javascript:show('#99FFCC')"><AREA shape=RECT coords=185,1,191,10

  href="javascript:show('#99FFFF')"><AREA shape=RECT coords=193,1,199,10

  href="javascript:show('#CCFF00')"><AREA shape=RECT coords=201,1,207,10

  href="javascript:show('#CCFF33')"><AREA shape=RECT coords=209,1,215,10

  href="javascript:show('#CCFF66')"><AREA shape=RECT coords=217,1,223,10

  href="javascript:show('#CCFF99')"><AREA shape=RECT coords=225,1,231,10

  href="javascript:show('#CCFFCC')"><AREA shape=RECT coords=233,1,239,10

  href="javascript:show('#CCFFFF')"><AREA shape=RECT coords=241,1,247,10

  href="javascript:show('#FFFF00')"><AREA shape=RECT coords=249,1,255,10

  href="javascript:show('#FFFF33')"><AREA shape=RECT coords=257,1,263,10

  href="javascript:show('#FFFF66')"><AREA shape=RECT coords=265,1,271,10

  href="javascript:show('#FFFF99')"><AREA shape=RECT coords=273,1,279,10

  href="javascript:show('#FFFFCC')"><AREA shape=RECT coords=281,1,287,10

  href="javascript:show('#FFFFFF')"><AREA shape=RECT coords=1,12,7,21

  href="javascript:show('#00CC00')"><AREA shape=RECT coords=9,12,15,21

  href="javascript:show('#00CC33')"><AREA shape=RECT coords=17,12,23,21

  href="javascript:show('#00CC66')"><AREA shape=RECT coords=25,12,31,21

  href="javascript:show('#00CC99')"><AREA shape=RECT coords=33,12,39,21

  href="javascript:show('#00CCCC')"><AREA shape=RECT coords=41,12,47,21

  href="javascript:show('#00CCFF')"><AREA shape=RECT coords=49,12,55,21

  href="javascript:show('#33CC00')"><AREA shape=RECT coords=57,12,63,21

  href="javascript:show('#33CC33')"><AREA shape=RECT coords=65,12,71,21

  href="javascript:show('#33CC66')"><AREA shape=RECT coords=73,12,79,21

  href="javascript:show('#33CC99')"><AREA shape=RECT coords=81,12,87,21

  href="javascript:show('#33CCCC')"><AREA shape=RECT coords=89,12,95,21

  href="javascript:show('#33CCFF')"><AREA shape=RECT coords=97,12,103,21

  href="javascript:show('#66CC00')"><AREA shape=RECT coords=105,12,111,21

  href="javascript:show('#66CC33')"><AREA shape=RECT coords=113,12,119,21

  href="javascript:show('#66CC66')"><AREA shape=RECT coords=121,12,127,21

  href="javascript:show('#66CC99')"><AREA shape=RECT coords=129,12,135,21

  href="javascript:show('#66CCCC')"><AREA shape=RECT coords=137,12,143,21

  href="javascript:show('#66CCFF')"><AREA shape=RECT coords=145,12,151,21

  href="javascript:show('#99CC00')"><AREA shape=RECT coords=153,12,159,21

  href="javascript:show('#99CC33')"><AREA shape=RECT coords=161,12,167,21

  href="javascript:show('#99CC66')"><AREA shape=RECT coords=169,12,175,21

  href="javascript:show('#99CC99')"><AREA shape=RECT coords=177,12,183,21

  href="javascript:show('#99CCCC')"><AREA shape=RECT coords=185,12,191,21

  href="javascript:show('#99CCFF')"><AREA shape=RECT coords=193,12,199,21

  href="javascript:show('#CCCC00')"><AREA shape=RECT coords=201,12,207,21

  href="javascript:show('#CCCC33')"><AREA shape=RECT coords=209,12,215,21

  href="javascript:show('#CCCC66')"><AREA shape=RECT coords=217,12,223,21

  href="javascript:show('#CCCC99')"><AREA shape=RECT coords=225,12,231,21

  href="javascript:show('#CCCCCC')"><AREA shape=RECT coords=233,12,239,21

  href="javascript:show('#CCCCFF')"><AREA shape=RECT coords=241,12,247,21

  href="javascript:show('#FFCC00')"><AREA shape=RECT coords=249,12,255,21

  href="javascript:show('#FFCC33')"><AREA shape=RECT coords=257,12,263,21

  href="javascript:show('#FFCC66')"><AREA shape=RECT coords=265,12,271,21

  href="javascript:show('#FFCC99')"><AREA shape=RECT coords=273,12,279,21

  href="javascript:show('#FFCCCC')"><AREA shape=RECT coords=281,12,287,21

  href="javascript:show('#FFCCFF')"><AREA shape=RECT coords=1,23,7,32

  href="javascript:show('#009900')"><AREA shape=RECT coords=9,23,15,32

  href="javascript:show('#009933')"><AREA shape=RECT coords=17,23,23,32

  href="javascript:show('#009966')"><AREA shape=RECT coords=25,23,31,32

  href="javascript:show('#009999')"><AREA shape=RECT coords=33,23,39,32

  href="javascript:show('#0099CC')"><AREA shape=RECT coords=41,23,47,32

  href="javascript:show('#0099FF')"><AREA shape=RECT coords=49,23,55,32

  href="javascript:show('#339900')"><AREA shape=RECT coords=57,23,63,32

  href="javascript:show('#339933')"><AREA shape=RECT coords=65,23,71,32

  href="javascript:show('#339966')"><AREA shape=RECT coords=73,23,79,32

  href="javascript:show('#339999')"><AREA shape=RECT coords=81,23,87,32

  href="javascript:show('#3399CC')"><AREA shape=RECT coords=89,23,95,32

  href="javascript:show('#3399FF')"><AREA shape=RECT coords=97,23,103,32

  href="javascript:show('#669900')"><AREA shape=RECT coords=105,23,111,32

  href="javascript:show('#669933')"><AREA shape=RECT coords=113,23,119,32

  href="javascript:show('#669966')"><AREA shape=RECT coords=121,23,127,32

  href="javascript:show('#669999')"><AREA shape=RECT coords=129,23,135,32

  href="javascript:show('#6699CC')"><AREA shape=RECT coords=137,23,143,32

  href="javascript:show('#6699FF')"><AREA shape=RECT coords=145,23,151,32

  href="javascript:show('#999900')"><AREA shape=RECT coords=153,23,159,32

  href="javascript:show('#999933')"><AREA shape=RECT coords=161,23,167,32

  href="javascript:show('#999966')"><AREA shape=RECT coords=169,23,175,32

  href="javascript:show('#999999')"><AREA shape=RECT coords=177,23,183,32

  href="javascript:show('#9999CC')"><AREA shape=RECT coords=185,23,191,32

  href="javascript:show('#9999FF')"><AREA shape=RECT coords=193,23,199,32

  href="javascript:show('#CC9900')"><AREA shape=RECT coords=201,23,207,32

  href="javascript:show('#CC9933')"><AREA shape=RECT coords=209,23,215,32

  href="javascript:show('#CC9966')"><AREA shape=RECT coords=217,23,223,32

  href="javascript:show('#CC9999')"><AREA shape=RECT coords=225,23,231,32

  href="javascript:show('#CC99CC')"><AREA shape=RECT coords=233,23,239,32

  href="javascript:show('#CC99FF')"><AREA shape=RECT coords=241,23,247,32

  href="javascript:show('#FF9900')"><AREA shape=RECT coords=249,23,255,32

  href="javascript:show('#FF9933')"><AREA shape=RECT coords=257,23,263,32

  href="javascript:show('#FF9966')"><AREA shape=RECT coords=265,23,271,32

  href="javascript:show('#FF9999')"><AREA shape=RECT coords=273,23,279,32

  href="javascript:show('#FF99CC')"><AREA shape=RECT coords=281,23,287,32

  href="javascript:show('#FF99FF')"><AREA shape=RECT coords=1,34,7,43

  href="javascript:show('#006600')"><AREA shape=RECT coords=9,34,15,43

  href="javascript:show('#006633')"><AREA shape=RECT coords=17,34,23,43

  href="javascript:show('#006666')"><AREA shape=RECT coords=25,34,31,43

  href="javascript:show('#006699')"><AREA shape=RECT coords=33,34,39,43

  href="javascript:show('#0066CC')"><AREA shape=RECT coords=41,34,47,43

  href="javascript:show('#0066FF')"><AREA shape=RECT coords=49,34,55,43

  href="javascript:show('#336600')"><AREA shape=RECT coords=57,34,63,43

  href="javascript:show('#336633')"><AREA shape=RECT coords=65,34,71,43

  href="javascript:show('#336666')"><AREA shape=RECT coords=73,34,79,43

  href="javascript:show('#336699')"><AREA shape=RECT coords=81,34,87,43

  href="javascript:show('#3366CC')"><AREA shape=RECT coords=89,34,95,43

  href="javascript:show('#3366FF')"><AREA shape=RECT coords=97,34,103,43

  href="javascript:show('#666600')"><AREA shape=RECT coords=105,34,111,43

  href="javascript:show('#666633')"><AREA shape=RECT coords=113,34,119,43

  href="javascript:show('#666666')"><AREA shape=RECT coords=121,34,127,43

  href="javascript:show('#666699')"><AREA shape=RECT coords=129,34,135,43

  href="javascript:show('#6666CC')"><AREA shape=RECT coords=137,34,143,43

  href="javascript:show('#6666FF')"><AREA shape=RECT coords=145,34,151,43

  href="javascript:show('#996600')"><AREA shape=RECT coords=153,34,159,43

  href="javascript:show('#996633')"><AREA shape=RECT coords=161,34,167,43

  href="javascript:show('#996666')"><AREA shape=RECT coords=169,34,175,43

  href="javascript:show('#996699')"><AREA shape=RECT coords=177,34,183,43

  href="javascript:show('#9966CC')"><AREA shape=RECT coords=185,34,191,43

  href="javascript:show('#9966FF')"><AREA shape=RECT coords=193,34,199,43

  href="javascript:show('#CC6600')"><AREA shape=RECT coords=201,34,207,43

  href="javascript:show('#CC6633')"><AREA shape=RECT coords=209,34,215,43

  href="javascript:show('#CC6666')"><AREA shape=RECT coords=217,34,223,43

  href="javascript:show('#CC6699')"><AREA shape=RECT coords=225,34,231,43

  href="javascript:show('#CC66CC')"><AREA shape=RECT coords=233,34,239,43

  href="javascript:show('#CC66FF')"><AREA shape=RECT coords=241,34,247,43

  href="javascript:show('#FF6600')"><AREA shape=RECT coords=249,34,255,43

  href="javascript:show('#FF6633')"><AREA shape=RECT coords=257,34,263,43

  href="javascript:show('#FF6666')"><AREA shape=RECT coords=265,34,271,43

  href="javascript:show('#FF6699')"><AREA shape=RECT coords=273,34,279,43

  href="javascript:show('#FF66CC')"><AREA shape=RECT coords=281,34,287,43

  href="javascript:show('#FF66FF')"><AREA shape=RECT coords=1,45,7,54

  href="javascript:show('#003300')"><AREA shape=RECT coords=9,45,15,54

  href="javascript:show('#003333')"><AREA shape=RECT coords=17,45,23,54

  href="javascript:show('#003366')"><AREA shape=RECT coords=25,45,31,54

  href="javascript:show('#003399')"><AREA shape=RECT coords=33,45,39,54

  href="javascript:show('#0033CC')"><AREA shape=RECT coords=41,45,47,54

  href="javascript:show('#0033FF')"><AREA shape=RECT coords=49,45,55,54

  href="javascript:show('#333300')"><AREA shape=RECT coords=57,45,63,54

  href="javascript:show('#333333')"><AREA shape=RECT coords=65,45,71,54

  href="javascript:show('#333366')"><AREA shape=RECT coords=73,45,79,54

  href="javascript:show('#333399')"><AREA shape=RECT coords=81,45,87,54

  href="javascript:show('#3333CC')"><AREA shape=RECT coords=89,45,95,54

  href="javascript:show('#3333FF')"><AREA shape=RECT coords=97,45,103,54

  href="javascript:show('#663300')"><AREA shape=RECT coords=105,45,111,54

  href="javascript:show('#663333')"><AREA shape=RECT coords=113,45,119,54

  href="javascript:show('#663366')"><AREA shape=RECT coords=121,45,127,54

  href="javascript:show('#663399')"><AREA shape=RECT coords=129,45,135,54

  href="javascript:show('#6633CC')"><AREA shape=RECT coords=137,45,143,54

  href="javascript:show('#6633FF')"><AREA shape=RECT coords=145,45,151,54

  href="javascript:show('#993300')"><AREA shape=RECT coords=153,45,159,54

  href="javascript:show('#993333')"><AREA shape=RECT coords=161,45,167,54

  href="javascript:show('#993366')"><AREA shape=RECT coords=169,45,175,54

  href="javascript:show('#993399')"><AREA shape=RECT coords=177,45,183,54

  href="javascript:show('#9933CC')"><AREA shape=RECT coords=185,45,191,54

  href="javascript:show('#9933FF')"><AREA shape=RECT coords=193,45,199,54

  href="javascript:show('#CC3300')"><AREA shape=RECT coords=201,45,207,54

  href="javascript:show('#CC3333')"><AREA shape=RECT coords=209,45,215,54

  href="javascript:show('#CC3366')"><AREA shape=RECT coords=217,45,223,54

  href="javascript:show('#CC3399')"><AREA shape=RECT coords=225,45,231,54

  href="javascript:show('#CC33CC')"><AREA shape=RECT coords=233,45,239,54

  href="javascript:show('#CC33FF')"><AREA shape=RECT coords=241,45,247,54

  href="javascript:show('#FF3300')"><AREA shape=RECT coords=249,45,255,54

  href="javascript:show('#FF3333')"><AREA shape=RECT coords=257,45,263,54

  href="javascript:show('#FF3366')"><AREA shape=RECT coords=265,45,271,54

  href="javascript:show('#FF3399')"><AREA shape=RECT coords=273,45,279,54

  href="javascript:show('#FF33CC')"><AREA shape=RECT coords=281,45,287,54

  href="javascript:show('#FF33FF')"><AREA shape=RECT coords=1,56,7,65

  href="javascript:show('#000000')"><AREA shape=RECT coords=9,56,15,65

  href="javascript:show('#000033')"><AREA shape=RECT coords=17,56,23,65

  href="javascript:show('#000066')"><AREA shape=RECT coords=25,56,31,65

  href="javascript:show('#000099')"><AREA shape=RECT coords=33,56,39,65

  href="javascript:show('#0000CC')"><AREA shape=RECT coords=41,56,47,65

  href="javascript:show('#0000FF')"><AREA shape=RECT coords=49,56,55,65

  href="javascript:show('#330000')"><AREA shape=RECT coords=57,56,63,65

  href="javascript:show('#330033')"><AREA shape=RECT coords=65,56,71,65

  href="javascript:show('#330066')"><AREA shape=RECT coords=73,56,79,65

  href="javascript:show('#330099')"><AREA shape=RECT coords=81,56,87,65

  href="javascript:show('#3300CC')"><AREA shape=RECT coords=89,56,95,65

  href="javascript:show('#3300FF')"><AREA shape=RECT coords=97,56,103,65

  href="javascript:show('#660000')"><AREA shape=RECT coords=105,56,111,65

  href="javascript:show('#660033')"><AREA shape=RECT coords=113,56,119,65

  href="javascript:show('#660066')"><AREA shape=RECT coords=121,56,127,65

  href="javascript:show('#660099')"><AREA shape=RECT coords=129,56,135,65

  href="javascript:show('#6600CC')"><AREA shape=RECT coords=137,56,143,65

  href="javascript:show('#6600FF')"><AREA shape=RECT coords=145,56,151,65

  href="javascript:show('#990000')"><AREA shape=RECT coords=153,56,159,65

  href="javascript:show('#990033')"><AREA shape=RECT coords=161,56,167,65

  href="javascript:show('#990066')"><AREA shape=RECT coords=169,56,175,65

  href="javascript:show('#990099')"><AREA shape=RECT coords=177,56,183,65

  href="javascript:show('#9900CC')"><AREA shape=RECT coords=185,56,191,65

  href="javascript:show('#9900FF')"><AREA shape=RECT coords=193,56,199,65

  href="javascript:show('#CC0000')"><AREA shape=RECT coords=201,56,207,65

  href="javascript:show('#CC0033')"><AREA shape=RECT coords=209,56,215,65

  href="javascript:show('#CC0066')"><AREA shape=RECT coords=217,56,223,65

  href="javascript:show('#CC0099')"><AREA shape=RECT coords=225,56,231,65

  href="javascript:show('#CC00CC')"><AREA shape=RECT coords=233,56,239,65

  href="javascript:show('#CC00FF')"><AREA shape=RECT coords=241,56,247,65

  href="javascript:show('#FF0000')"><AREA shape=RECT coords=249,56,255,65

  href="javascript:show('#FF0033')"><AREA shape=RECT coords=257,56,263,65

  href="javascript:show('#FF0066')"><AREA shape=RECT coords=265,56,271,65

  href="javascript:show('#FF0099')"><AREA shape=RECT coords=273,56,279,65

  href="javascript:show('#FF00CC')"><AREA shape=RECT coords=281,56,287,65

  href="javascript:show('#FF00FF')"></MAP></DIV>

 

0 Comments

Thu

19

Mar

2009

52、文本自动公告栏

52、文本自动公告栏

脚本说明:

第一步:把如下代码加入<head>区域中

<SCRIPT LANGUAGE="JavaScript">

<!-- Original:  Tarjei Davidsen (the@rescueteam.com) -->

 

<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! http://javascript.internet.com -->

 

<!-- Begin

var max=0;

function textlist() {

max=textlist.arguments.length;

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

this[i]=textlist.arguments[i];

}

tl = new textlist(

" 随着INTERNET时代的逐步到来,人们对网络的认识与感知越来越深刻",

"上网主要是进行web页面浏览,所以web页面的精彩程度对一个网站的生",

"人通过制作个人主页展现自己的才华,而且,由于出现了多种制作网页的软件",

"但是,光用软件就成制作出你想要的各种页面效果吗?答案肯定是否定的但是,光用软件就成制作出你想要的各种页面效果吗?答案肯定是否定的",

"JavaScriptNetscape(网景)公司首先推出的一种针对WEB页面的解释型语"

);

 

var x = 0; pos = 0;

var l = tl[0].length;

function textticker() {

document.tickform.tickfield.value = tl[x].substring(0, pos) + "_";

if(pos++ == l) {

pos = 0;

setTimeout("textticker()", 2000);

if(++x == max) x = 0;

l = tl[x].length;

} else

setTimeout("textticker()", 50);

}

//  End -->

</script>

</HEAD>

 

 

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

<form name=tickform>

<textarea name=tickfield rows=3 cols=38 style="background-color: rgb(0,0,0); color: rgb(255,255,255); cursor: default; font-family: Arial; font-size: 12px" wrap=virtual>The news will appear here when the page has finished loading.

 

 

0 Comments

Thu

19

Mar

2009

51、取色器

51、取色器

要完成此效果需要三个步骤

 

第一步:把如下代码加入到<head>区域中

 

<script>

addary = new Array();           //red

addary[0] = new Array(0,1,0);   //red green

addary[1] = new Array(-1,0,0);  //green

addary[2] = new Array(0,0,1);   //green blue

addary[3] = new Array(0,-1,0);  //blue

addary[4] = new Array(1,0,0);   //red blue

addary[5] = new Array(0,0,-1);  //red

addary[6] = new Array(255,1,1);

clrary = new Array(360);

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

for(j = 0; j < 60; j++) {

clrary[60 * i + j] = new Array(3);

for(k = 0; k < 3; k++) {

clrary[60 * i + j][k] = addary[6][k];

addary[6][k] += (addary[i][k] * 4);

   }

}

function capture() {

if(document.layers) {

layobj = document.layers['wheel'];

layobj.document.captureEvents(Event.MOUSEMOVE);

layobj.document.onmousemove = moved;

}

else {

layobj = document.all["wheel"];

layobj.onmousemove = moved;

   }

}

function moved(e) {

y = 4 * ((document.layers)?e.layerX:event.offsetX);

x = 4 * ((document.layers)?e.layerY:event.offsetY);

sx = x - 512;

sy = y - 512;

qx = (sx < 0)?0:1;

qy = (sy < 0)?0:1;

q = 2 * qy + qx;

quad = new Array(-180,360,180,0);

xa = Math.abs(sx);

ya = Math.abs(sy);

d = ya * 45 / xa;

if(ya > xa) d = 90 - (xa * 45 / ya);

deg = Math.floor(Math.abs(quad[q] - d));

n = 0;

sx = Math.abs(x - 512);

sy = Math.abs(y - 512);

r = Math.sqrt((sx * sx) + (sy * sy));

if(x == 512 & y == 512) {

c = "000000";

}

else {

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

r2 = clrary[deg][i] * r / 256;

if(r > 256) r2 += Math.floor(r - 256);

if(r2 > 255) r2 = 255;

n = 256 * n + Math.floor(r2);

}

c = n.toString(16);

while(c.length < 6) c = "0" + c;

}

if(document.layers) {

document.layers["wheel"].document.f.t.value = "#" + c;

document.layers["wheel"].bgColor = "#" + c;

}

else {

document.all["wheel"].document.f.t.value = "#" + c;

document.all["wheel"].style.backgroundColor = "#" + c;

}

return false;

}

</script>

 

 

第二步:把如下代码加入到<body>区域中

 

<div id=wheel style="position:absolute; visibility:visible;; width: 256px; height: 256px; left: 263px; top: 14px">

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

<tr>

<td>

<img src="images/1.jpg" width=256 height=256 border=0>

</td>

</tr>

<tr>

<td align="center">

<br>

<form name="f">

<input type="text" name="t" size=27>

</form>

</td>

</tr>

</table>

</div>

 

 

第三步:把“onLoad="capture()"”加在<body>标记里

例如:<body onLoad="capture()">

 

0 Comments

Thu

19

Mar

2009

50、查看源代码按钮

50、查看源代码按钮

脚本说明:

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

<input type="BUTTON" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href' name="BUTTON">

 

 

0 Comments

Thu

19

Mar

2009

49、不停变换的按钮,当然链接也是随之变化的

49、不停变换的按钮,当然链接也是随之变化的

要完成此效果有三个步骤

 

第一步:把如下代码加入到<head>区域中

 

<SCRIPT LANGUAGE="JavaScript">

 

<!-- begin

 

// please help yourself to this code.

 

var startTime   =null;

 

var timerID     =null;

 

var initial     =new Date();

 

var pos         =0;

 

var menuItem    =null;

 

 

 

function initArray() {

 

 this.length = initArray.arguments.length

 

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

 

    this[i+1] = initArray.arguments[i]

 

   }

 

}

 

 

 

function parsemenuItem(data,num) {

 

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

 

  if(data.substring(i,i+1)=="|")  break;

 

   }

 

   if (num==0) return(data.substring(0,i));

 

   else  return(data.substring(i+1,data.length));

 

}

 

 

 

function startTimer() {

 

   initial = new Date();

 

   startTime=initial.getTime();

 

   stopTimer();

 

   menuItem = new initArray("Netscape|http://www.netscape.com",

 

    "Microsoft|http://www.microsoft.com",

 

      "IBM|http://www.ibm.com",

 

      "Yahoo|http://www.yahoo.com",

 

      "Excite|http://www.excite.com",

 

      "Hotbot|http://www.hotbot.com",

 

      "Typhoon Start|http://typhoon.500.to",

 

  "Email|mailto:jojoo@jojoo.net"

 

   );

 

   showTimer();

 

}

 

 

 

function stopTimer() {

 

   timerID=null;

 

   menuItem=null;

 

   //clearTimeout(timerID);

 

}

 

 

 

function showTimer() {

 

 pos= (pos == menuItem.length) ? 1 : pos + 1;

 

 document.forms[0].elements[0].value=parsemenuItem(menuItem[pos],0);

 

 

 

   timerID=window.setTimeout('showTimer()',4000);

 

}

 

 

 

function goToUrl()  {

 

   //parent.welcome.location=parsemenuItem(menuItem[pos],1);

 

   this.location=parsemenuItem(menuItem[pos],1);

 

   return (false);

 

}

 

// end -->

 

</SCRIPT>

 

 

第二步:把如下代码加入到<body>区域中

 

<FORM>

  <div align="center">

    <INPUT TYPE="button" VALUE="  WHERE TO? "  NAME="goTo"

 

        onClick="window.goToUrl()">

  </div>

</FORM>

 

 

第三步:把“onLoad="window.startTimer()"”加在<body>标记里

例如:<body onLoad="window.startTimer()">

 

 

0 Comments

Thu

19

Mar

2009

48、按钮特殊效果

48、按钮特殊效果

脚本说明:

第一步:把如下代码加入<head>区域中

<style type="text/css">

<!--

.over {color:yellow; background: navy}

.down {color:yellow; background: navy; font-style: italic}

-->

</style>

 

 

第二步:<body>区中加入如下代码

<input

type="Button"

onMouseOver="this.className='over';"

onMouseOut="this.className='';"

onMouseDown="this.className='down';"

onMouseUp="this.className='over';"

value="按钮也疯狂"

onClick="this.value='我真的好喜欢你!'" name="Button">

 

 

0 Comments

Thu

19

Mar

2009

47、跳出说明窗口

47、跳出说明窗口

脚本说明:

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

<SCRIPT LANGUAGE="Javascript">

 

// Please enter the number of people in your database

var peepNum = 6

 

// Please edit your page attributes here

var pageAtr = new Array(1)

pageAtr[0] = "#000000"                        // Pop Up Profile background color

pageAtr[1] = "#ffffff"                        // Pop Up Profile text color

 

// Please edit the names of the people in your profiles

var peepName = new Array(peepNum)

peepName[1] = "Jason"                         // First person's name

peepName[2] = "John"                          // Second person's name

peepName[3] = "Joe"                           // Etc...

peepName[4] = "Ryan"

peepName[5] = "Jessica"

peepName[6] = "Mrs. Jacobson"

 

// Please edit the people's positions

var peepPos = new Array(peepNum)

peepPos[1] = "Master programmer :P"           // First person's position

peepPos[2] = "The Pascal Guy"                 // Second person's position

peepPos[3] = "Soccer guy and mudder"          // Etc...

peepPos[4] = "Serves no useful function"

peepPos[5] = "She complains a lot"

peepPos[6] = "The *snicker snicker* teacher"

 

// Please edit the personal quote

var peepAd = new Array(peepNum)

peepAd[1] = "9th grade really bites"          // First person's quote

peepAd[2] = "Graphix are easier"              // Second person's quote

peepAd[3] = "I like to play muds"             // Etc...

peepAd[4] = "Huh? What about what?"

peepAd[5] = "I don't understand..."

peepAd[6] = "There's too much screwing around here"

 

// *#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)

// *#)      Please stop editing at this point      *#)

// *#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)*#)

 

function makePupWin(){

  PUP = window.open('','PUP','width=300,height=160,toolbar=0,directories=0,status=1,menu=0,scrollbars=no,resizable=no,copyhistory=no,location=0');

}

 

// This is a bit hard to edit if you don't do javascript.

// Here you can edit the HTML of the profile window

// Keep in mind you'll get errors if you use " without a slash (\")

function makePUP(num){

  makePupWin();

  PUP.document.write("<HTML>\n<HEAD>\n<TITLE>Profile for: " + peepName[num] + "</TITLE>");

  PUP.document.write("\n</HEAD>\n<BODY BGCOLOR=\"" + pageAtr[0] + "\" TEXT=\"" + pageAtr[1] + "\">");

  PUP.document.write("\n<CENTER>\n<TABLE WIDTH=\"250\" BORDER=\"1\" HEIGHT=\"100\">\n<TR>\n<TD>Name</TD><TD><CENTER>" + peepName[num] + "</CENTER></TD>");

  PUP.document.write("\n<\TR>\n<TR>\n<TD>Title:</TD><TD><CENTER>" + peepPos[num] + "</CENTER></TD>");

  PUP.document.write("\n<\TR>\n<TR>\n<TD>Quote:</TD><TD><CENTER>" + peepAd[num] + "</CENTER></TD>");

  PUP.document.write("\n<\TR>\n</TABLE>\n<FORM>\n<INPUT TYPE=\"button\" VALUE=\"Close Profile\" onClick=\"self.close();\">\n</FORM>\n</BODY>\n</HTML>");

  PUP.status=(peepName[num] + "'s Pop Up Profile");

  PUP.document.close();

}

</SCRIPT>

<CENTER>

<FORM>

<INPUT TYPE="button" VALUE="Jason's profile" onClick="makePUP(1)"><P>

<INPUT TYPE="button" VALUE="John's profile" onClick="makePUP(2)"><P>

<INPUT TYPE="button" VALUE="Joe's profile" onClick="makePUP(3)"><P>

<INPUT TYPE="button" VALUE="Ryan's profile" onClick="makePUP(4)"><P>

<INPUT TYPE="button" VALUE="Jessica's profile" onClick="makePUP(5)"><P>

<INPUT TYPE="button" VALUE="Mrs. Jacobson's profile" onClick="makePUP(6)"><P>

</FORM>

</CENTER>

 

 

 

0 Comments

Thu

19

Mar

2009

46、点击网页上的按钮就可以实现自动向下或向下滚屏

46、点击网页上的按钮就可以实现自动向下或向下滚屏

要完成此效果需要两个步骤

 

第一步:把如下代码加入到<head>区域中

 

<script LANGUAGE="JavaScript">

<!-- Begin

function scrollit() {

for (I=1; I<=750; I++){

scroll(1,I)

   }

}

 

function scrollit1() {

for (I=750; I>1; I=I-1){

scroll(1,I)

   }

}

// End -->

</script>

 

 

第二步:再分别把如下两段代码加入到合适的位置

 

<form>

  <div align="center"><center><p><input type="button" value="向下滚屏"

  onClick="scrollit()"></p>

  </center></div>

</form>

 

 

 

<form>

  <div align="center"><center><p><input type="button" value="向上滚屏"

  onClick="scrollit1()"></p>

  </center></div>

</form>

 

 

0 Comments

Thu

19

Mar

2009

45、一个会伸缩的按钮

45、一个会伸缩的按钮

要完成此效果把如下代码加入到<body>区域中

 

<p align="center"> </p>

<div align="center"><center>

 

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

  <tr>

    <td width="100%"><form name="form2" onSubmit="null">

      <p><input type="submit" name="banner" VALUE="Submit"

      onClick="alert('You have to put an \'action=[url]\' on the form

tag!!')"> <br>

      <script language="JavaScript"><!-- Jon Eyrick - tt1234@263.net

// I do not take full credit for this script, I only made half of this..

var id,pause=0,position=0;

function banner() {

        // variables declaration

var i,k,msg="内容";// increase msg

        k=(30/msg.length)+1;

        for(i=0;i<=k;i++) msg+=" "+msg;

        // show it to the window

       document.form2.banner.value=msg.substring(position,position-30);

        // set new position

       if(position++==msg.length) position=0;

        // repeat at entered speed

        id=setTimeout("banner()",60); }

// end -->

banner();

</script></p>

    </form>

    </td>

  </tr>

</table>

</center></div>

 

<p> </p>

 

 

0 Comments

Thu

19

Mar

2009

44、按钮选中文框内所有内容

44、按钮选中文框内所有内容

要完成此效果把如下代码加入到<body>区域中

 

<form>

  <div align="center">

    <textarea name="yourForm" rows=3 cols=40 wrap=virtual>

这里是测试文本……

 

0 Comments

Thu

19

Mar

2009

43、一个按钮对框内容复制

43、一个按钮对框内容复制

要完成此效果需要两个步骤

 

第一步:把如下代码加入到<head>区域中

 

<SCRIPT language=JavaScript>

<!--

 

function MM_goToURL() { //v3.0

  var I, args=MM_goToURL.arguments; document.MM_returnValue = false;

  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");

}

function JM_cc(ob){

var obj=MM_findObj(ob); if (obj) {

obj.select();js=obj.createTextRange();js.execCommand("Copy");}

}

 

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

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

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

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

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

  if(!x && document.getElementById) x=document.getElementById(n); return x;

}

//-->

</SCRIPT>

 

第二步:把如下代码加入到<body>区域中

 

<INPUT name=Button onclick="JM_cc('js_1')" type=button value=复制到剪贴板>

  <BR>

</div>

<FORM action="" method=post name=form1>

  <div align="center">

    <TEXTAREA cols=70 name=js_1 rows=10 wrap=VIRTUAL>

 

0 Comments

Thu

19

Mar

2009

42、页面效果生成器

42、页面效果生成器

要完成此效果把如下代码加入到<body>区域中

 

<table border=0 cellpadding=0 cellspacing=0 width="63%" align="center">

  <tbody>

  <tr>

    <td width="0">

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

        <tbody>

        <tr>

          <td width="464">

            <div align="center"><b><font color=#7b9431 face=Arial

                  size=3>

              <script language="JavaScript">

<!-- 

function uncode() {

smut="&lt;";

replacewords="< ";

txt=document.mail.source2.value;

tstx="";

space=replacewords.indexOf(" ");

wrd=replacewords.substring(0,space);

wrdl=wrd.length

replacewords=replacewords.substring(space+1,replacewords.length);

while (txt.indexOf(wrd)>-1){

space=txt.indexOf(wrd);

txt=txt.substring(0,space)+smut+txt.substring((space+wrdl),txt.length);}

smut="&gt;";

replacewords="> ";

space=replacewords.indexOf(" ");

wrd=replacewords.substring(0,space);

wrdl=wrd.length

replacewords=replacewords.substring(space+1,replacewords.length);

while (txt.indexOf(wrd)>-1){

space=txt.indexOf(wrd);

txt=txt.substring(0,space)+smut+txt.substring((space+wrdl),txt.length);}

document.mail.source2.value=txt;

}

 

 

function generate(form){

page = document.inputForm.page.value;

toolbars = document.inputForm.toolbars.checked;

scrollprops = document.inputForm.scrollit.checked;

locations = document.inputForm.locations.checked;

statusbars = document.inputForm.statusbars.checked;

menubars = document.inputForm.menubars.checked;

resizeable = document.inputForm.resizeable.checked;

width = document.inputForm.width.value;

if (!width) width = screen.width;

height = document.inputForm.height.value;

if (!height) height = screen.height;

howto = document.inputForm.howtoopen.options[document.inputForm.howtoopen.selectedIndex].value;

center = document.inputForm.center.checked;

start = "<";

if(howto == 'body') {

otherOutput = start + "!-- 步骤二: Onload事件处理器粘贴在<body>标签内-->\n" + start + "BODY onLoad=\"javascript:popUp()\">";

}

if(howto == 'link') {

otherOutput = start + "!-- 步骤二: 用以下的链接打开一个新窗口 -->\n" + start + "A HREF=\"javascript:popUp()\">Open the Popup Window" + start + "/A>";

}

if(howto == 'button') {

otherOutput = start + "!-- 步骤二: 用以下的按钮代码打开一个新窗口-->\n" + start + "form>\n" + start + "input type=button value=\"Open the Popup Window\" onClick=\"javascript:popUp()\">\n" + start + "/form>";

}

scriptOutput = start + '!-- 请照以下步骤进行:\r\n\r\n'

+ '<!-- STEP ONE: 将以下代码粘贴在<head> -->\r\n\r\n'

+ '<HEAD>\r\n\r\n' + start + 'SCRIPT LANGUAGE="JavaScript">\r\n'

+ 'function pop' + 'Up() {\n';

scriptOutput += "props=window.open('" + page + "', 'poppage', '" +

((toolbars) ? "toolbars=1, " : "toolbars=0, ") +

((scrollprops) ? "scrollbars=1, " : "scrollbars=0, ") +

((locations) ? "location=1, " : "location=0, ") +

((statusbars) ? "statusbars=1, " : "statusbars=0, ") +

((menubars) ? "menubars=1, " : "menubars=0, ") +

((resizeable) ? "resizable=1" : "resizable=0") +

((width) ? ", width=" + width : "") +

((height) ? ", height=" + height : "") +

((center) ? ", left = " + ((screen.width - width) / 2) : "") +

((center) ? ", top = " + ((screen.height - height) / 2) : "") +

"');\n}\n// End -->\n" + start + "/sc" + "ript>\n";

output = scriptOutput + "\n\n" + otherOutput + '\n\n' + start +'!--代码结束--'+'>';

document.mail.source.value = output;

document.mail.source2.value = output;

uncode();

}

-->

</script>

<font size="4"><br>

</font></font></b>

<font size=3><b>弹出式窗口代码产生器</b></font> </div>

<p> <b><font size="2"></font></b></p>

<form name=inputForm>

 <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000">

  <tr><td>

   <table border=0 width=100% cellpadding="2" cellspacing="0" bgcolor="#bde6fd">

    <tr> <td colspan="2"><font size="2" color=red><b>在新窗口里要打开的文件</b></font>

        <input type=text name=page size=40><br>

        <font size="2"><font size="1" color=red>(文件的名字或URL地址...) </font></font></td>

    </tr>

    <tr bgcolor="#FFFFFF">

      <td colspan="2"><font size="2" color=red><b>请选择要显示的<font size="2"><b>窗口</b></font>元素</b></font></td>

    </tr>

    <tr bgcolor="#FFFFFF">

       <td width="43%"> <input type=checkbox name=toolbars>

         <b><font face="Arial" size="2">toolbars</font></b></td>

       <td width="57%"> <input type=checkbox name=statusbars>

         <font face="Arial" size="2"><b>status bar</b></font></td>

   </tr><tr bgcolor="#FFFFFF"><td width="43%">

                          <input type=checkbox name=scrollit>

                          <b><font face="Arial" size="2">scrollbars</font> </b></td>

                        <td width="57%">

                          <input type=checkbox name=menubars>

                          <b><font face="Arial" size="2">menu bar</font></b></td>

                      </tr>

                      <tr bgcolor="#FFFFFF">

                        <td width="43%">

                          <input type=checkbox name=locations>

                          <b><font face="Arial" size="2">location bar</font> </b></td>

                        <td width="57%">

                          <input type=checkbox name=resizeable>

                          <b><font face="Arial" size="2">resizeable</font> </b></td>

                      </tr>

                      <tr>

                        <td colspan="2"><font size="2" color=red><b>输入窗口的大小(缺省是满屏打开)</b></font></td>

                      </tr>

                      <tr>

                        <td width="43%"><font face="Arial" size="2"><b> Witdh

                          <input type=text name=width size=4>

                          </b> <font face="Verdana" size="1"> (in pixels)</font></font></td>

                        <td width="57%"> <font face="Arial" size="2"><b>Height</b></font>

                          <input type=text name=height size=4>

                          <font face="Verdana" size="1">(in pixels)</font> </td>

                      </tr>

                      <tr bgcolor="#FFFFFF">

                        <td colspan="2"><font size="2" color=red><b>窗口打开方式</b></font></td>

                      </tr>

                      <tr bgcolor="#FFFFFF">

                        <td width="100%" colspan="2"><font face="Arial" size="2"></font>

                          <select name=howtoopen>

                            <option value="button" selected>点按钮</option>

                            <option value="link">点超链</option>

                            <option value="body">自动</option>

                          </select>

                        </td>

                      </tr>

                      <tr>

                        <td width="100%" colspan="2"><font face="Arial" size="2"></font>

                          <input type=checkbox name=center>

                          <font size="2" color=red><b>让窗口出现在屏幕正中间?</b></font></td>

                      </tr>

                      <tr>

                        <td colspan=2>

                          <center>

                            <input type=button value="产生代码!" onClick="javascript:generate();" name="button">

                          </center>

                        </td>

                      </tr>

                    </table>

                  </td>

                </tr>

              </table>

            </form>

            <form name="mail" action="" method="POST" onSubmit="return checkCodeMail()">

              <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000">

                <tr>

                  <td>

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

                      <tr align="center">

                        <td> <font size="2" color=#FFFFCC><b>把下面代码Copy到程序中:</b></font><br>

                          <input type=hidden name=scriptname value="Popup Window Maker">

                          <textarea name="source" rows=6 cols=50 class=9pt>

 

0 Comments

Thu

19

Mar

2009

41、弹出式窗口代码产生器

41、弹出式窗口代码产生器

要完成此效果把如下代码加入到<body>区域中

 

<table border=0 cellpadding=0 cellspacing=0 width="63%" align="center">

  <tbody>

  <tr>

    <td width="0">

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

        <tbody>

        <tr>

          <td width="464">

            <div align="center"><b><font color=#7b9431 face=Arial

                  size=3>

              <script language="JavaScript">

<!-- 

function uncode() {

smut="&lt;";

replacewords="< ";

txt=document.mail.source2.value;

tstx="";

space=replacewords.indexOf(" ");

wrd=replacewords.substring(0,space);

wrdl=wrd.length

replacewords=replacewords.substring(space+1,replacewords.length);

while (txt.indexOf(wrd)>-1){

space=txt.indexOf(wrd);

txt=txt.substring(0,space)+smut+txt.substring((space+wrdl),txt.length);}

smut="&gt;";

replacewords="> ";

space=replacewords.indexOf(" ");

wrd=replacewords.substring(0,space);

wrdl=wrd.length

replacewords=replacewords.substring(space+1,replacewords.length);

while (txt.indexOf(wrd)>-1){

space=txt.indexOf(wrd);

txt=txt.substring(0,space)+smut+txt.substring((space+wrdl),txt.length);}

document.mail.source2.value=txt;

}

 

 

function generate(form){

page = document.inputForm.page.value;

toolbars = document.inputForm.toolbars.checked;

scrollprops = document.inputForm.scrollit.checked;

locations = document.inputForm.locations.checked;

statusbars = document.inputForm.statusbars.checked;

menubars = document.inputForm.menubars.checked;

resizeable = document.inputForm.resizeable.checked;

width = document.inputForm.width.value;

if (!width) width = screen.width;

height = document.inputForm.height.value;

if (!height) height = screen.height;

howto = document.inputForm.howtoopen.options[document.inputForm.howtoopen.selectedIndex].value;

center = document.inputForm.center.checked;

start = "<";

if(howto == 'body') {

otherOutput = start + "!-- 步骤二: Onload事件处理器粘贴在<body>标签内-->\n" + start + "BODY onLoad=\"javascript:popUp()\">";

}

if(howto == 'link') {

otherOutput = start + "!-- 步骤二: 用以下的链接打开一个新窗口 -->\n" + start + "A HREF=\"javascript:popUp()\">Open the Popup Window" + start + "/A>";

}

if(howto == 'button') {

otherOutput = start + "!-- 步骤二: 用以下的按钮代码打开一个新窗口-->\n" + start + "form>\n" + start + "input type=button value=\"Open the Popup Window\" onClick=\"javascript:popUp()\">\n" + start + "/form>";

}

scriptOutput = start + '!-- 请照以下步骤进行:\r\n\r\n'

+ '<!-- STEP ONE: 将以下代码粘贴在<head> -->\r\n\r\n'

+ '<HEAD>\r\n\r\n' + start + 'SCRIPT LANGUAGE="JavaScript">\r\n'

+ 'function pop' + 'Up() {\n';

scriptOutput += "props=window.open('" + page + "', 'poppage', '" +

((toolbars) ? "toolbars=1, " : "toolbars=0, ") +

((scrollprops) ? "scrollbars=1, " : "scrollbars=0, ") +

((locations) ? "location=1, " : "location=0, ") +

((statusbars) ? "statusbars=1, " : "statusbars=0, ") +

((menubars) ? "menubars=1, " : "menubars=0, ") +

((resizeable) ? "resizable=1" : "resizable=0") +

((width) ? ", width=" + width : "") +

((height) ? ", height=" + height : "") +

((center) ? ", left = " + ((screen.width - width) / 2) : "") +

((center) ? ", top = " + ((screen.height - height) / 2) : "") +

"');\n}\n// End -->\n" + start + "/sc" + "ript>\n";

output = scriptOutput + "\n\n" + otherOutput + '\n\n' + start +'!--代码结束--'+'>';

document.mail.source.value = output;

document.mail.source2.value = output;

uncode();

}

-->

</script>

<font size="4"><br>

</font></font></b>

<font size=3><b>弹出式窗口代码产生器</b></font> </div>

<p> <b><font size="2"></font></b></p>

<form name=inputForm>

 <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000">

  <tr><td>

   <table border=0 width=100% cellpadding="2" cellspacing="0" bgcolor="#bde6fd">

    <tr> <td colspan="2"><font size="2" color=red><b>在新窗口里要打开的文件</b></font>

        <input type=text name=page size=40><br>

        <font size="2"><font size="1" color=red>(文件的名字或URL地址...) </font></font></td>

    </tr>

    <tr bgcolor="#FFFFFF">

      <td colspan="2"><font size="2" color=red><b>请选择要显示的<font size="2"><b>窗口</b></font>元素</b></font></td>

    </tr>

    <tr bgcolor="#FFFFFF">

       <td width="43%"> <input type=checkbox name=toolbars>

         <b><font face="Arial" size="2">toolbars</font></b></td>

       <td width="57%"> <input type=checkbox name=statusbars>

         <font face="Arial" size="2"><b>status bar</b></font></td>

   </tr><tr bgcolor="#FFFFFF"><td width="43%">

                          <input type=checkbox name=scrollit>

                          <b><font face="Arial" size="2">scrollbars</font> </b></td>

                        <td width="57%">

                          <input type=checkbox name=menubars>

                          <b><font face="Arial" size="2">menu bar</font></b></td>

                      </tr>

                      <tr bgcolor="#FFFFFF">

                        <td width="43%">

                          <input type=checkbox name=locations>

                          <b><font face="Arial" size="2">location bar</font> </b></td>

                        <td width="57%">

                          <input type=checkbox name=resizeable>

                          <b><font face="Arial" size="2">resizeable</font> </b></td>

                      </tr>

                      <tr>

                        <td colspan="2"><font size="2" color=red><b>输入窗口的大小(缺省是满屏打开)</b></font></td>

                      </tr>

                      <tr>

                        <td width="43%"><font face="Arial" size="2"><b> Witdh

                          <input type=text name=width size=4>

                          </b> <font face="Verdana" size="1"> (in pixels)</font></font></td>

                        <td width="57%"> <font face="Arial" size="2"><b>Height</b></font>

                          <input type=text name=height size=4>

                          <font face="Verdana" size="1">(in pixels)</font> </td>

                      </tr>

                      <tr bgcolor="#FFFFFF">

                        <td colspan="2"><font size="2" color=red><b>窗口打开方式</b></font></td>

                      </tr>

                      <tr bgcolor="#FFFFFF">

                        <td width="100%" colspan="2"><font face="Arial" size="2"></font>

                          <select name=howtoopen>

                            <option value="button" selected>点按钮</option>

                            <option value="link">点超链</option>

                            <option value="body">自动</option>

                          </select>

                        </td>

                      </tr>

                      <tr>

                        <td width="100%" colspan="2"><font face="Arial" size="2"></font>

                          <input type=checkbox name=center>

                          <font size="2" color=red><b>让窗口出现在屏幕正中间?</b></font></td>

                      </tr>

                      <tr>

                        <td colspan=2>

                          <center>

                            <input type=button value="产生代码!" onClick="javascript:generate();" name="button">

                          </center>

                        </td>

                      </tr>

                    </table>

                  </td>

                </tr>

              </table>

            </form>

            <form name="mail" action="" method="POST" onSubmit="return checkCodeMail()">

              <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000">

                <tr>

                  <td>

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

                      <tr align="center">

                        <td> <font size="2" color=#FFFFCC><b>把下面代码Copy到程序中:</b></font><br>

                          <input type=hidden name=scriptname value="Popup Window Maker">

                          <textarea name="source" rows=6 cols=50 class=9pt>

 

0 Comments

Thu

19

Mar

2009

40、返回上一页

40、返回上一页

<a href="javascript:history.back(-1)">返回上一页</a>

 

0 Comments

Thu

19

Mar

2009

39、按钮特殊效果

39、按钮特殊效果

一般弹出窗口的设置:只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。

<SCRIPT LANGUAGE="javascript">

<!--

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')

-->

</SCRIPT>

 

参数解释:

<SCRIPT LANGUAGE="javascript"> js脚本开始;

window.open 弹出新窗口的命令;

'page.html' 弹出窗口的文件名;

'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubarscrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

</SCRIPT> js脚本结束

 

 

0 Comments

Thu

19

Mar

2009

38、离开页面弹出窗口

38、离开页面弹出窗口

第一步:把如下代码加入<head>区域中

<script LANGUAGE="JavaScript">

 

<!-- Begin

function leave() {

window.open('http://7stk.com','','toolbar=no,menubar=no,location=no,height=225,width=235');

}

// End -->

</script>

 

 

第二步:把<body>区域中内容改为:

<body bgcolor="#fef4d9" onUnload="leave()">

 

 

0 Comments

Thu

19

Mar

2009

37、弹出窗口自动关闭

37、弹出窗口自动关闭

第一步:把如下代码加入<head>区域中

<script language="JavaScript">

<!--

var gt = unescape('%3e');

var popup = null;

var over = "Launch Pop-up Navigator";

popup = window.open('', 'popupnav', 'width=225,height=235,resizable=1,scrollbars=auto');

if (popup != null) {

if (popup.opener == null) {

popup.opener = self;

}

popup.location.href = '01.htm';

}

// -->

</script>

 

 

第二步:新建tan.htm文件(注意要与上面的对应!)

 

 

第三步:在新建文件中加入如下代码(注意两个文件要在同一目录下)

<script language="JavaScript">

 

setTimeout("self.close()",10000)

 

</script>

 

 

 

0 Comments

Thu

19

Mar

2009

36、弹出新窗口

36、弹出新窗口

<html>

<head>把下面的代码加在<body></body>

<script language="JavaScript">

<!--

 

var gt = unescape('%3e');

 

var popup = null;

 

var over = "Launch Pop-up Navigator";

 

popup = window.open('', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto');

 

if (popup != null) {

 

if (popup.opener == null) {

 

popup.opener = self;

 

}

 

popup.location.href = '01.htm';

 

}

 

// -->

 

</script>

 

 

 

 

 

<title>隐藏格式的浮动层</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<!-------------------------------->

<body onLoad="doAgilePopup()">

<script>

 

// Set the url of the banner popup window page

var theURL = "http://7stk.com";

 

// Set the title of the popup window

var title = "Goobers R Us"

 

// Set the size of the popup window

var windowWidth  = 478; // cannot be less than 100

var windowHeight = 100; // cannot be less than 100

 

// Set the position of the popup window

var windowX = 100;

var windowY = 100;

 

// Set true to auto-center (positions will be ignored)

var autocenter = false;

 

// Set true for popup to close when launch page does

var autoclose = false;

 

// Do not edit below this line.

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

 

var s="width="+windowWidth+",height="+windowHeight;

var beIE=document.all?true:false;

var done=new Object("no");

 

if(autocenter){

windowX = (window.screen.width-windowWidth)/2;

windowY = (window.screen.height-windowHeight)/2;

}

 

function doAgilePopup(){

  if (beIE){

  agilePopper = window.open("","popAgile","fullscreen,"+s); 

  agilePopper.blur();

  window.focus();

  agilePopper.resizeTo(windowWidth,windowHeight);

  agilePopper.moveTo(windowX,windowY);

  var frameString=""+

"<html>"+

"<head>"+

"<title>"+title+"</title>"+

"</head>"+

"<frameset rows='*,0' framespacing=0 border=0 frameborder=0>"+

"<frame name='top' src='"+theURL+"' scrolling=no>"+

"<frame name='bottom' src='about:blank' scrolling='no'>"+

"</frameset>"+

"</html>"

  agilePopper.document.open();

  agilePopper.document.write(frameString);

  agilePopper.document.close();

  }else{

  agilePopper=window.open(theURL,"popAgile","scrollbars=no,"+s);

  agilePopper.blur();

  window.focus();

  agilePopper.resizeTo(windowWidth,windowHeight);

  agilePopper.moveTo(windowX,windowY);

  }  

  agilePopper.blur();

  if (autoclose){

  window.onunload = function(){agilePopper.close();}

  } 

  done="okay";

}

 

</script>

 

<!---------------------------------->

</body>

</html>

 

 

 

1 Comments

Thu

19

Mar

2009

35、弹出的无任何边的窗口

35、弹出的无任何边的窗口

<html>

<head>

<title>隐藏格式的浮动层</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<!-------------------------------->

<body onLoad="doAgilePopup()">

<script>

 

// Set the url of the banner popup window page

var theURL = "http://7stk.com";

 

// Set the title of the popup window

var title = "Goobers R Us"

 

// Set the size of the popup window

var windowWidth  = 478; // cannot be less than 100

var windowHeight = 100; // cannot be less than 100

 

// Set the position of the popup window

var windowX = 100;

var windowY = 100;

 

// Set true to auto-center (positions will be ignored)

var autocenter = false;

 

// Set true for popup to close when launch page does

var autoclose = false;

 

// Do not edit below this line.

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

 

var s="width="+windowWidth+",height="+windowHeight;

var beIE=document.all?true:false;

var done=new Object("no");

 

if(autocenter){

windowX = (window.screen.width-windowWidth)/2;

windowY = (window.screen.height-windowHeight)/2;

}

 

function doAgilePopup(){

  if (beIE){

  agilePopper = window.open("","popAgile","fullscreen,"+s); 

  agilePopper.blur();

  window.focus();

  agilePopper.resizeTo(windowWidth,windowHeight);

  agilePopper.moveTo(windowX,windowY);

  var frameString=""+

"<html>"+

"<head>"+

"<title>"+title+"</title>"+

"</head>"+

"<frameset rows='*,0' framespacing=0 border=0 frameborder=0>"+

"<frame name='top' src='"+theURL+"' scrolling=no>"+

"<frame name='bottom' src='about:blank' scrolling='no'>"+

"</frameset>"+

"</html>"

  agilePopper.document.open();

  agilePopper.document.write(frameString);

  agilePopper.document.close();

  }else{

  agilePopper=window.open(theURL,"popAgile","scrollbars=no,"+s);

  agilePopper.blur();

  window.focus();

  agilePopper.resizeTo(windowWidth,windowHeight);

  agilePopper.moveTo(windowX,windowY);

  }  

  agilePopper.blur();

  if (autoclose){

  window.onunload = function(){agilePopper.close();}

  } 

  done="okay";

}

 

</script>

 

<!---------------------------------->

</body>

</html>

 

 

 

0 Comments

Thu

19

Mar

2009

34、无边框的广告窗口

34、无边框的广告窗口

<style type="text/css">

<!--

#sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;}

-->

</style>

<SCRIPT LANGUAGE="JavaScript1.2">

adTime=6;  //关闭窗口等待的时间

 

chanceAd=1;

var ns=(document.layers);

var ie=(document.all);

var w3=(document.getElementById && !ie);

adCount=0;

function initAd(){

        if(!ns && !ie && !w3) return;

        if(ie)                adDiv=eval('document.all.sponsorAdDiv.style');

        else if(ns)        adDiv=eval('document.layers["sponsorAdDiv"]');

        else if(w3)        adDiv=eval('document.getElementById("sponsorAdDiv").style');

        randAd=Math.ceil(Math.random()*chanceAd);

        if (ie||w3)

        adDiv.visibility="visible";

        else

        adDiv.visibility ="show";

        if(randAd==1) showAd();

}

function showAd(){

if(adCount<adTime*10){adCount+=1;

        if (ie){documentWidth  =document.body.offsetWidth/2+document.body.scrollLeft-20;

        documentHeight =document.body.offsetHeight/2+document.body.scrollTop-20;}

        else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;

        documentHeight=window.innerHeight/2+window.pageYOffset-20;}

        else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;

        documentHeight=self.innerHeight/2+window.pageYOffset-20;}

        adDiv.left=documentWidth-200;adDiv.top =documentHeight-200;

        setTimeout("showAd()",100);}else closeAd();

}

function closeAd(){

if (ie||w3)

adDiv.display="none";

else

adDiv.visibility ="hide";

}

onload=initAd;

</script>

<div id="sponsorAdDiv" style="visibility:hidden">

<table width="450" height="350" bgcolor="008000"><tr><td>

<table width="445" height="345" bgcolor="F0FFF0"><tr><td>

<center>welcome to www.7stk.com!<BR><BR>这个窗口将在5秒后自动关闭</center>

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

 

 

 

0 Comments

Thu

19

Mar

2009

33、打开窗口等待显示

33、打开窗口等待显示

要完成此效果把如下代码加入到<body>区域中

 

<script language="JavaScript">

 

function opencolortext(){

 

window.open('http://7stk.com','colortext')

 

}

 

setTimeout("opencolortext()",1000)

 

</script>

  正在下载文件,请耐心等待......

 

 

0 Comments

Thu

19

Mar

2009

32、无边的信息导航窗

32、无边的信息导航窗

要完成此效果需要两个步骤

 

第一步:把如下代码加入到<head>区域中

 

<script>

var dragswitch=0

var nsx

var nsy

var nstemp

 

function drag_dropns(name){

temp=eval(name)

temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)

temp.onmousedown=gons

temp.onmousemove=dragns

temp.onmouseup=stopns

}

 

function gons(e){

temp.captureEvents(Event.MOUSEMOVE)

nsx=e.x

nsy=e.y

}

function dragns(e){

if (dragswitch==1){

temp.moveBy(e.x-nsx,e.y-nsy)

return false

}

}

 

function stopns(){

temp.releaseEvents(Event.MOUSEMOVE)

}

 

 

var dragapproved=false

 

function drag_dropie(){

if (dragapproved==true){

document.all.showimage.style.pixelLeft=tempx+event.clientX-iex

document.all.showimage.style.pixelTop=tempy+event.clientY-iey

return false

}

}

 

function initializedragie(){

iex=event.clientX

iey=event.clientY

tempx=showimage.style.pixelLeft

tempy=showimage.style.pixelTop

dragapproved=true

document.onmousemove=drag_dropie

}

 

 

if (document.all){

document.onmouseup=new Function("dragapproved=false")

}

 

 

function hidebox(){

if (document.all)

showimage.style.visibility="hidden"

else if (document.layers)

document.showimage.visibility="hide"

}

 

 

</script>

 

 

第二步:把如下代码加入到<body>区域中

 

<div id="showimage" style="position:absolute;width:250px;left:250;top:250">

 

<table border="0" width="250" bgcolor="#33ff33 cellspacing="0" cellpadding="2">

  <tr>

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

    height="36">

      <tr>

        <td onMousedown="initializedragie()" style="cursor:hand" width="100%"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0"><center><font face="Verdana"

        color="#FFFFFF"><strong><small>Typhoon Start</small></strong></font></center></layer></ilayer></td>

        <td style="cursor:hand"><a href="#" onClick="hidebox();return false"><img src="dot.gif" width="16"

        height="14" border=0></a></td>

      </tr>

      <tr>

        <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">

 

<small><strong><center><font face="Verdana">点“X”关闭小窗口</font></center></strong></small><small><font face="Verdana"></font></small>

 

</td>

      </tr>

    </table>

    </td>

  </tr>

</table>

</div>

 

 

0 Comments

Thu

19

Mar

2009

31、同时弹出2个窗口

31、同时弹出2个窗口

<script LANGUAGE="javascript">

<!--

function openwin() {

window.open ("page.html", "newwindow", "height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

}

//-->

</script>

为避免弹出的2个窗口覆盖,用topleft控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。

注意:2个窗口的name(newwindowsnewwindow2)不要相同,或者干脆全部为空。

 

 

0 Comments