トランジション効果を使ったバナー
Kodayan
Kodayan
Sample Source......................................................................>>>
<style TYPE="text/css"><!--
#d1 {width:200;border:3mm ridge green;
text-align:center;color:magenta;
font:25pt 'ＤＦ勘亭流' 'Comic Sans MS';
filter:revealTrans(transition=0,duration=2)}
--></style>
<script language="JavaScript"><!--
var n = 0; //ﾄﾗﾝｼﾞｼｮﾝ切り替えに利用する
function Banar(){
if(n == 0){ //横のﾌﾞﾗｲﾝﾄﾞ
d1.filters.revealTrans.transition = 9;
d1.filters.revealTrans.apply();
d1.innerText = "Kodayan";
d1.style.backgroundColor = "lime";
d1.filters.revealTrans.play();
}
if(n == 1){ //市松模様の格子状
d1.filters.revealTrans.transition = 10;
d1.filters.revealTrans.apply();
d1.innerText = "HomePage";
d1.style.backgroundColor = "dodgerblue";
d1.filters.revealTrans.play();
}
if(n == 2){ //左上隅から現れ、右下隅に
d1.filters.revealTrans.transition = 19;
d1.filters.revealTrans.apply();
d1.innerText = "Welcome!";
d1.style.backgroundColor = "yellow";
d1.filters.revealTrans.play();
}
if(n == 3){ //ﾗﾝﾀﾞﾑに選択
d1.filters.revealTrans.transition = 23;
d1.filters.revealTrans.apply();
d1.innerText = "Goodね!";
d1.style.backgroundColor = "silver";
d1.filters.revealTrans.play();
}
n++;
if(n >3)n = 0;
setTimeout("Banar()",4000);
}
//--></script>
</head>
<body onload="Banar();">
<div id="d1"><p>Kodayan</p></div>
end(最終更新:12/11/16)