<script language='JavaScript'>
<!--
//--不透明度set function setOpacity(layName,arg) { //arg は 0 ～ 1、0は透明、1は不透明。 var ua = navigator.userAgent if( document.layers ) { //n4とMac版e4,e5は0の時hidden if(arg > 0) document.layers[layName].visibility='visible' else if(arg==0) document.layers[layName].visibility='hidden' } else if( ua.indexOf('Mac_PowerPC') !=-1 && document.all ) { if(arg > 0) document.all(layName).style.visibility='visible' else if(arg==0) document.all(layName).style.visibility='hidden' } else if(document.all) { //Win版e5,e6 document.getElementById(layName).style.filter="alpha(opacity=0)" document.getElementById(layName).filters.alpha.opacity = (arg * 100) } else if(ua.indexOf('Gecko')!=-1) //n6,m1 document.getElementById(layName).style.MozOpacity = arg }
//--背景色set
function setBGCOLOR(layName,color){
if(color=='')(!!window.opera)?color='white':color='transparent';
if(document.getElementById) //n6,m1,e5,e6,o6用
document.getElementById(layName).style.backgroundColor =color
else if(document.all) //e4用
document.all(layName).style.backgroundColor=color
else if(document.layers){ //n4用
if(color=='transparent')color=null
document.layers[layName].bgColor=color
}
}
//-->
</script>
<style type="text/css">
<!--
.helps { position : absolute ;
font-family : Osaka,'MS PGothic' ;
width : 250px ;
height : 50px ;
clip : rect(0,250,50,0) ;
color : #ffffff ;
font-size : 16px ;
padding : 4px ;
}
#help-0 {
position : absolute ;
left : 200px ;
top : 180px ;
background-color : orange ;
font-weight : 900 ;
}
#daibutsu {
position : absolute ;
left : 50px ;
top : 50px ;
}
-->
</style>
</head>
<body onload="setOpacity('help-0',0);
setBGCOLOR('help-0','orange')"
<!-- 画像レイヤー -->
<div id="daibutsu">
<img src="//img.allabout.co.jp/gm/article/24028/daibutsu.gif">
<a href="daibutsu.gif" TARGET="photo"
onmouseover="setOpacity('help-0',0.7)"
onmouseout="setOpacity('help-0',0)">
ここに触ると半透明のヘルプが表示されます。 </a>
<br><br><font size=-1>(n4,Operaは不透明ヘルプで代替)</font>
</div>
<!-- ヘルプレイヤー -->
<div class="helps" id="help-0">
牛久大仏、高さ120m。
</div>
* 緑文字が今回の関数
* 赤文字がこのスクリプトで最初に動作する部分
|
