<SCRIPT TYPE="text/javascript">

<!--

function respond(){

alert("Script-block code");

}

//-->

</SCRIPT>

<A HERF="javascript:alert('In-line code')">NaWaL #1</A>

<A HERF="javascript:respond()">NaWaL #2</A>

<SCRIPT TYPE="text/javascript">

<!--

if(document.layers){

document.write('<LAYER ID="lyr"top="15"left="170"width="50"height="50"z-index="10"bgColor="silver"visibility="visible">Layer</LAYER>');

document.write("Top="+document.lyr.top+"Left="+document.lyr.left);}

if(document.all){

document.write('<DIV ID="lyr"STYLE="position:absolute;top:15;left:170;width:50;height:50;z-index:10;background-color:silver;visibility:visible">Layer</DIV>');

document.write("Top="+document.all.lyr.style.top+"Left="+document.all.lyr.style.left);

}

//-->

</SCRIPT>

<SCRIPT TYPE="text/javascript">

<!--

if(document.layers){

document.write('<LAYER ID="lyr"top="15"left="100"width="140"height="140"z-index="10"visibility="hidden"><IMG SRC="NaWaL.jpg"WIDTH="140"HEIGHT="140"BORDER="0"></LAYER>');

}

if(document.all){

document.write('<DIV ID="lyr"STYLE="position:absolute;top:15;left:170;width:50;height:50;z-index:10;visibility:hidden"><IMG SRC="NaWaL.jpg"WIDTH="140"HEIGHT="140"BORDER="0"></DIV>');

}

function showNaWaL(){

if(document.layers)document.lyr.visibility="visible";

if(document.all)lyr.style.visibility="visible";

}

function hideNaWaL(){

if(document.layers)document.lyr.visibility="hidden";

if(document.all)lyr.style.visibility="hidden";

}

//-->

</SCRIPT>

<A HERF="javascript://"ONMOUSEOVER="showNaWaL()"ONMOUSEOUT="hideNaWaL()">NaWaL Link</A>

<SCRIPT TYPE="text/javascript">

<!--

if(document.layers){

document.write('<LAYER ID="lyr"top="90"left="10"width="200"height="20"z-index="10"bgColor="silver"></LAYER>');

}

if(document.all){

document.write('<DIV ID="lyr"STYLE="position:absolute;top:90;left:10;width:200;height:20;z-index:10;background-color:silver"></DIV>');

}

function write_entry(){

var str=document.n.txt.value;

if(document.all)lyr.innerHTML=str;

if(document.layers){

document.lyr.document.open();

document.lyr.document.write(str);

document.lyr.document.close();}

}

//-->

</SCRIPT>

Please enter some text below:

<FORM NAME="n">

<INPUT TYPE="text"VALUE=""NAME="txt">

<INPUT TYPE="button"VALUE="Write Entry"ONCLICK="write_entry()">

</FORM>

<SCRIPT TYPE="text/javascript">

<!--

var pause=3000;

var n=0;

var imgs=new Array("butterfly.gif","globe.gif","fish.gif",clock.gif");

var preload=new Array();

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

preload[i]=new Image();

preload[i].src=imgs[i];

}

function rotate(){

document.images.pic.src=imgs[n];

(n==(imgs.length-1))?n=0:n++;

setTimeout(''rotate()'',pause);

}

window.onload=rotate;

//-->

</SCRIPT>

Enjoy the show<BR>

<IMG NAME="pic"SRC="bfly.gif"WIDTH="72"HEIGHT="72"ALT=""VSPACE="5"HSPACE="10">

<SCRIPT TYPE="text/javascript">

<!--

var preload=new Image();preload.src="sail_1.gif";var goright=true;

if(document.all)document.write("<div id='boat'style='position:absolute;top:20;left:-75;width:70;height:85'><img name='boat_image'src='sail_r.gif'alt=''></div>");

if(document.layers)document.write("<layer id='boat'top='20'left='-75'width='70'height='85'><img name='boat_image'src='sail_r.gif'alt=''></layer>");

function setsail(){

if(document.all) { if(goright)

boat.style.left=(parseInt(boat.style.left)+1);

else boat.style.left=(parseInt(boat.style.left)-1);

if(parseInt(boat.style.left)>=(document.body.clientWidth+5)){

goright=false;

document.images.boat_image.src="sail_1.gif";}

if(parseInt(boat.style.left)<=-75){

goright=true;

document.boat_image.src="sail_r.gif";}

}

if(document.layers) { if(goright)

document.boat.left+=1

else document.boat.left-=1

if(document.boat.left>=(window.innerWidth+5)) { goright=false;

document.boat_image.src="sail_1.gif";}

if(document.boat.left<=-75){

goright=true;

document.boat_image.src="sail_r.gif";}

}

window.setTimeout("setsail()",50);

}

setsail();

//-->

</SCRIPT>

<SCRIPT TYPE="text/javascript">

<!--

var timer;

var &@#&@#&@#&@#&@#&@#&@#='<IMG SRC="copter.gif"WIDTH="100"HEIGHT="50"ALT="">';

if(document.layers){

document.write('<LAYER ID="lyr"top="100"left="150">'+&@#&@#&@#&@#&@#&@#&@#+'</LAYER>');}

if(document.all){

document.write('<DIV ID="lyr"STYLE="position:absolute;top:100;left:150">'+&@#&@#&@#&@#&@#&@#&@#+'</DIV>');}

function soar(){

if(document.all)lyr.style.top=parseInt(lyr.style.top)-1;

if(document.layers)document.lyr.top-=1;

timer=setTimeout("soar()",50);

}

function sink(){

if(document.all)lyr.style.top=parseInt(lyr.style.top)+1;

if(document.layers)document.lyr.top+=1;

timer=setTimeout("sink()",50);

}

function stop(){

clearTimeout(timer);

}

//-->

</SCRIPT>

<A HERF="javascript://"ONMOUSEOVER="soar()"ONMOUSEOUT="stop()">Soar</A>

<A HERF="javascript://"ONMOUSEOVER="sink()"ONMOUSEOUT="stop()">Sink</A>

<SCRIPT TYPE="text/javascript">

<!--

var bod='<IMG SRC="harsal.gif"WIDTH="190"HEIGHT="100"USEMAP="#harsal"BORDER="0">';

var sal='<IMG SRC="hisal.gif"WIDTH="100"HEIGHT="40">';

var har='<IMG SRC="hihar.gif"WIDTH="100"HEIGHT="40">';

if(document.layers){

document.write('<LAYER ID="lyr"top="80"left="50">'+bod+'</LAYER><LAYER ID="sal"top="30"left="130"z-index="10"visibility="hidden">'+sal+'</LAYER><LAYER ID="har"top="30"left="55"z-index="20"visibility="hidden">'+har+'</LAYER>');}

if(document.all){

document.write('<DIV ID="lyr"STYLE="position:absolute;top:70;left:30">'+bod+'</DIV><DIV ID="sal"STYLE="position:absolute;top:20;left:110;z-index:10;visibility:hidden">'+sal+'</DIV><DIV ID="har"STYLE="position:absolute;top:20;left:35;z-index:10;visibility:hidden">'+har+'</DIV>');}

function talk(n){

if(document.all){

if(n==0)document.all.har.style.visibility="visible";

if(n==1)document.all.sal.style.visibility="visible";}

if(document.layers){

if(n==0)document.har.visibility="visible";

if(n==1)document.sal.visibility="visible";}

}

function hush(n){

if(document.all){

if(n==0)document.all.har.style.visibility="hidden";

if(n==1)document.all.sal.style.visibility="hidden";}

if(document.layers){

if(n==0)document.har.visibility="hidden";

if(n==1)document.sal.visibility="hidden";}

}

//-->

</SCRIPT>

<MAP NAME="harsal">

<AREA SHAPE=RECT COORDS="0,0,60,100"HERF="javascript://"ALT=""ONMOUSEOVER="talk(0)"ONMOUSEOUT="hush(0)">

<AREA SHAPE=RECT COORDS="130,0,190,100"HERF="javascript://"ALT=""ONMOUSEOVER="talk(1)"ONMOUSEOUT="hush(1)">

</MAP>

<SCRIPT TYPE="text/javascript">

<!--

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

document.onmousemove=track;

divref=(document.all)?"":"document.";

stlref=(document.all)?"style.":"";

function track(e){

var x=(document.all)?event.x:e.pageX;

var y=(document.all)?event.y:e.pageY;

if(x<1||x>65||y<53||y>123)

eval(divref+"b."+stlref+"visibility='hidden'");

if(x<80||x>145||y<53||y>123)

eval(divref+"c."+stlref+"visibility='hidden'");

if(x<160||x>225||y<53||y>123)

eval(divref+"d."+stlref+"visibility='hidden'");

}

function reveal(menu){

eval(divref+menu+"."+stlref+"visibility='visible'");

}

//-->

</SCRIPT>

<STYLE TYPE="text/css">

<!--

.bar{position:absolute;left:0;top:50;color:black;width:800;height:20px;background:silver;font-family:verdana;font-size:10pt;border-color:white;border-width:1;

}

.menu{position:absolute;width:65;height:50;background:silver;top:71px;visibility:hidden;font-family:verdana;font-size:10pt;border-color:white;border-width:1px;}

//-->

</STYLE>

<DIV ID="a"CLASS="bar">

<A HERF="javascript://"ONMOUSEOVER="reveal('b')">&nbsp;

Menu 1</A>|

<A HERF="javascript://"ONMOUSEOVER="reveal('c')">&nbsp;

Menu 2</A>&nbsp;|

<A HERF="javascript://"ONMOUSEOVER="reveal('d')">&nbsp;

Menu 3</A>&nbsp;|

</DIV>

<DIV ID="b"CLASS="menu"STYLE="left:0"LEFT="0">

<A HERF="target1.htm">Item 1</A>

<A HERF="target2.htm">Item 2</A>

<A HERF="target3.htm">Item 3</A></DIV>

<DIV ID="c"CLASS="menu"STYLE="left:80"LEFT="80">

<A HERF="target4.htm">Item 1</A>

<A HERF="target5.htm">Item 2</A>

<A HERF="target6.htm">Item 3</A></DIV>

<DIV ID="d"CLASS="menu"STYLE="left:160"LEFT="160">

<A HERF="target7.htm">Item 1</A>

<A HERF="target8.htm">Item 2</A>

<A HERF="target9.htm">Item 3</A></DIV>

<SCRIPT TYPE="text/javascript">

<!--

function setcities(){

if(document.n.rad[0].checked)jap();

if(document.n.rad[1].checked)usa();

}

function jap(){

with(document.n.s.options[0]){

selected=true;text="Select Ctiy...";value="";}

with(document.n.s.options[1]){

text="Kyoto";value="kyoto";}

with(document.n.s.options[2]){

text="Osaka";value="osaka";}

with(document.n.s.options[3]){

text="Tokyo";value="tokyo";}

showvalue();

}

function usa(){

with(document.n.s.options[0]){

selected=true;text="Select Ctiy...";value="";}

with(document.n.s.options[1]){

text="New York";value="new york";}

with(document.n.s.options[2]){

text="Los Angeles";value="los angeles";}

with(document.n.s.options[3]){

text="Washington";value="washington";}

showvalue();

}

function showvalue(){

document.n.txt.value=document.n.s.option[document.n.s.selectedIndex].value;}

//-->

</SCRIPT>

<FORM NAME="n">

Selected Value:<BR>

<INPUT TYPE="text"NAME="txt"VALUE=""SIZE="16"><BR>

<INPUT TYPE="radio"NAME="rad"ONCLICK"setcities()">Japan

<INPUT TYPE="radio"NAME="rad"ONCLICK"setcities()">USA

<BR>

<SELECT NAME="s"ONCHANGE="showvalue()">

<OPTION VALUE=""SELECTED>Select Country...</OPTION>

<OPTION VALUE=""></OPTION>

<OPTION VALUE=""></OPTION>

<OPTION VALUE=""></OPTION>

</SELECT>

</FORM>