Appear  Disappear
<HTML>
<HEAD>
<TITLE>155</TITLE>
<SCRIPT TYPE="text/javascript">
<!--
var wx=new Array(),wy=new Array(),count=new Array()
var ex=new Array(),ey=new Array(),spd=new Array()
var step=new Array(),stepX=new Array(),stepY=new Array()
var mvFlag=new Array(),slideID=new Array()
function slide(name,startX,startY,endX,endY,speed,stpx){
if(!mvFlag[name]){
	if(document.layers)clearTimeout(slideID[name])
	count[name]=0
	var ofX=(endX-startX)
	var ofY=(endY-startY)
	step[name]=stpx
	stepX[name]=ofX/stpx
	stepY[name]=ofY/stpx
	wx[name]=startX 
	wy[name]=startY
	ex[name]=endX
	ey[name]=endY
	spd[name]=speed
	mvFlag[name]=true
}
if(mvFlag[name]&&(count[name]<=step[name]-1)){
	count[name]++
	wx[name]+=stepX[name]
	wy[name]+=stepY[name]
	if(document.getElementById){
		document.getElementById(name).style.left=wx[name]
		document.getElementById(name).style.top=wy[name]
	} else if(document.layers) {
		document.layers[name].moveTo(wx[name],wy[name])
	} else if(document.all){
		document.all(name).style.pixelLeft=wx[name]
		document.all(name).style.pixelTop=wy[name]
	}
	if(document.layers)clearTimeout(slideID[name])
	slideID[name]=setTimeout('slide("'+name+'")',spd[name])
	}else{
	wx[name]=ex[name]
	wy[name]=ey[name]
	clearTimeout(slideID[name]);mvFlag[name]=false
	}
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function hiraku() {
	if ("" !=event.srcElement.id) {
		var ka = event.srcElement.id+ "B"
		var ko = document.all[ka]
		if (null!=ko) ko.style.display = "none" == ko.style.display ? "" : "none"
		event.returnValue=false
	}
}
</SCRIPT>
</HEAD>
<BODY BACKGROUND="bg.gif" onclick="hiraku()">
<A HREF="#" onMouseOver="slide('boad',-200,40,10,40,10,50)">Appear</A> 
<A HREF="#" onMouseOver="slide('boad',10,40,-200,40,10,50)">Disappear</A><BR>
<DIV ID="boad" STYLE="position:absolute;left:-200px;top:40px;width:200px;height:500px;clip:rect(0,200,500,0);padding-top:20px;padding-left:10px;background-image:url(boad.png);font-size:10pt;font-family:MS ゴシック;">
<A HREF="JavaScript" ID="0001">■旅行雑記帖</A><BR>
<DIV ID="0001B" style="display:none">
 <A HREF="cebu.html">大好きなセブ島</A><BR>
 <A HREF="phirippine.html">ある出来事</A><BR>
 <A HREF="penan.html">ペナン島で会った大臣</A><BR>
 <A HREF="iraq.html">恐怖のイラク航空</A><BR>
 <A HREF="pataya.html">享楽のパタヤビーチ</A><BR>
 <A HREF="bali.html">お奨めバリ島</A><BR>
 <A HREF="saipan.html">命拾いしたサイパン島</A><BR>
 <A HREF="kuta.html">若者のクタビーチ</A><BR>
 <A HREF="tounanasia.html">東南アジアについて</A><BR>
 <A HREF="matabungkay.html">素朴なビーチマタブンカイ</A><BR>
 <A HREF="alicia.html">アリシア(Alicia)</A><BR>
 <A HREF="indra.html">インドラリージェント</A><BR>
 <A HREF="fruit.html">南国の果物</A><BR>
 <A HREF="photo.html">サイパン島の夕陽</A><BR>
 <A HREF="natsu.html">南国の海</A><BR>
 <A HREF="montien.html">モンティエンホテル</A><BR>
 <A HREF="patayabeach.html">パタヤビーチの写真</A><BR>
 <A HREF="map.html">地図/東南アジア</A><BR>
 <A HREF="zen.html">兄との再会</A><BR>
 <A HREF="wakamonoe.html">若者へ</A><BR>
</DIV>
<A HREF="JavaScript" ID="0002">■ホームページ講座</A><BR>
<DIV ID="0002B" style="display:none">
 <A HREF="homepage-1/homepage-1.html">はじめに</A><BR>
 <A HREF="homepage-1/contents1.html">初心者講座目次</A><BR>
 <A HREF="homepage-2/homepage-2.html">サンプル集目次</A><BR>
 <A HREF="rakuraku/index.html">ホームページ楽々講座</A><BR>
 <A HREF="color.html">カラーチャート</A><BR>
 <A HREF="counter/counter.html">アクセスカウンター画像</A><BR>
</DIV>
<A HREF="JavaScript" ID="0003">■CD−R</A><BR>
<DIV ID="0003B" style="display:none">
 <A HREF="cdrw.html">オリジナルCDを作ろう</A><BR>
 <A HREF="cdex.html">MP3</A><BR>
 <A HREF="autorun.html">自動連続再生CD</A><BR>
</DIV>
<A HREF="JavaScript" ID="0004">■私が描いた絵</A><BR>
<DIV ID="0004B" style="display:none">
 <A HREF="picture.html">セブ島の海</A><BR>
 <A HREF="picture2.html">動く絵</A><BR>
 <A HREF="tony.html">トニー・カーティス</A><BR>
 <A HREF="charlton.html">チャールトン・ヘストン</A><BR>
 <A HREF="clark.html">クラーク・ゲーブル</A><BR>
 <A HREF="lake.html">レーク・ルイーズ</A><BR>
</DIV>
<A HREF="JavaScript" ID="0005">■その他</A><BR>
<DIV ID="0005B" style="display:none">
 <A HREF="syosai.html">私の書斎</A><BR>
 <A HREF="computer.html">私のマシン</A><BR>
 <A HREF="syukutsu.html">祝津の夕陽</A><BR>
 <A HREF="marilyn.html">マリリン・モンロー</A><BR>
 <A HREF="car.html">私の愛車遍歴</A><BR>
 <A HREF="cadillac.html">私とキャディラック</A><BR>
 <A HREF="intro.html">自己紹介</A><BR>
 <A HREF="voice.html">声のご挨拶</A><BR>
 <A HREF="58yearsold1.html">58歳で始めたPC(1)</A><BR>
 <A HREF="58yearsold2.html">58歳で始めたPC(2)</A><BR>
 <A HREF="58yearsold3.html">58歳で始めたPC(3)</A><BR>
 <A HREF="58yearsold4.html">58歳で始めたPC(4)</A><BR>
 <A HREF="train/train.html">走る列車</A><BR>
 <A HREF="list.html">サイトマップ</A><BR>
 <A HREF="home.html">トップページ</A><BR>
 <A HREF="ip_address.html">IPアドレス解析</A><BR>
</DIV>
<A HREF="JavaScript" ID="0006">■ヘミングメイト</A><BR>
<DIV ID="0006B" style="display:none">
 <A HREF="hemingmate.html">ヘミングメイト目次</A><BR>
 <A HREF="hemingmate/tokunaga.html">入会申込み</A><BR>
 <A HREF="http://www.salty1.com/protect/protect.cgi">PC質問箱</A><BR>
 <A HREF="http://www.salty1.com/protect/protect.cgi">読者談話室</A><BR>
 <A HREF="http://www.salty1.com/protect/protect.cgi">チャットルーム</A><BR>
 <A HREF="quickmail.html">メール送信</A><BR>
</DIV>
<A HREF="JavaScript" ID="0007">■まぐまぐ</A><BR>
<DIV ID="0007B" style="display:none">
 <A HREF="mag.html">登録・解除</A><BR>
 <A HREF="backnumber/index2.html">項目別目次</A><BR>
 <A HREF="backnumber/bn-contents.html">画像入り目次</A><BR>
 <A HREF="backnumber-txt/index.html">テキスト形式</A><BR>
</DIV>
<A HREF="JavaScript" ID="0008">■リンク</A><BR>
<DIV ID="0008B" style="display:none">
 <A HREF="link.html">ヘミングメイト</A><BR>
 <A HREF="links.html">一般</A><BR>
</DIV>
</BODY>
</HTML>
■旅行雑記帖
■ホームページ講座
■CD−R
■私が描いた絵
■その他
■ヘミングメイト
■まぐまぐ
■リンク