DynamicHTML




[ test-09 ]
触るとHELPが現われます。


文字、画像やリンクなどにマウスポインタが触る(onMouseOver)とHELPが現われます。


Sample
JavaScriptサンプル集/support 牛久大仏












Source


<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--

//--表示する文字
var helpLay_msg=new Array()
  helpLay_msg[0] ="<FONT SIZE=2>「だれでも簡単JavaScriptサンプル集」"
  helpLay_msg[0]+="<BR>のページですよん(^0^)/</FONT>"
  helpLay_msg[1] ="<FONT SIZE=2>世界で一番大きいブロンズ製の"
  helpLay_msg[1]+="<BR>大仏像だぞ〜</FONT>"


//--HELP用レイヤー
  with(document){
    write('<LAYER NAME="helpLay_Name" ')
    write('  VISIBILITY="hide" ')
    write('>')
    write('</LAYER>')
    helpLay_Oj=layers["helpLay_Name"]
    helpLay_Docu=helpLay_Oj.document
  }

//--HELP用レイヤーを出現させる
function helpLay(x,y,color,helpLay_msg){
  helpLay_Docu.bgColor=color
    with(helpLay_Docu){
      write(helpLay_msg)
      close()
    }
  helpLay_Oj.moveTo(x+0,y+12)//--HELPの出現位置微調整、ポインタが触った場所からずらすピクセル数を指定してください
  helpLay_Oj.visibility="show"
}

//--HELP用レイヤーを消す
function helpLay_Hide(){
    helpLay_Oj.visibility="hide"
}

<!---->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#ffffff" TEXT="#000000">
<LAYER NAME="dt09_Lay0"
       LEFT="130"
       TOP="150"
       onMouseOver="helpLay(event.pageX,event.pageY,'greenyellow',helpLay_msg[0])"
       onMouseOut="helpLay_Hide()">
<A HREF="http://www.fureai.or.jp/~tato/JS/BOOK/INDEX.HTM"
    TARGET="JSBOOK"
>JavaScriptサンプル集/support</A>
</LAYER>
<LAYER NAME="dt09_Lay1"
       LEFT="130"
       TOP="190"
       onMouseOver="helpLay(event.pageX,event.pageY,'yellow',helpLay_msg[1])"
       onMouseOut="helpLay_Hide()">
<A HREF="http://www.iijnet.or.jp/am/"
    TARGET="JSBOOK"
>牛久大仏</A>
</LAYER>
</BODY>
</HTML>





//--sourceの中のこの色は注目ポイントです。
//--この色の部分を自由に書き換えて使ってみましょう(^^)/