OKANOWEB WEB PARTS SAMPLE

クリックすると光るボタン
 クリックすると背景色と文字が光ってボタンが伸びます
<script>
fbr {if(document.getElementById) oj=document.getElementById(layName) elseif(document.all) oj=document.all(layName) elsereturnoj.style.backgroundColor= bgcoloroj.style.color=fgcoloroj.style.width=50*widthoj.blur()} //--フェイド関数 functionfadeCOLOR3(layName) {if(!window.count)count=0varf="cdefffedc"varg="effffec80"varh="223344322"i f(count<9){b=f.charAt(count) c=g.charAt(count) d=h.charAt(count) setBGCL3(layName,'#'+b+b+b,'#'+c+c+c,d)count++setTimeout('fadeCOLOR3("'+layName+'")',60)} elsecount=0}</script>functionsetBGCL3(layName,bgcolor,fgcolor,width) {if(document.getElementById) oj=document.getElementById(layName) elseif(document.all) oj=document.all(layName) elsereturnoj.style.backgroundColor= bgcoloroj.style.color=fgcoloroj.style.width=50*widthoj.blur()} //--フェイド関数 functionfadeCOLOR3(layName) {if(!window.count)count=0varf="cdefffedc"varg="effffec80"varh="223344322"i f(count<9){b=f.charAt(count) c=g.charAt(count) d=h.charAt(count) setBGCL3(layName,'#'+b+b+b,'#'+c+c+c,d)count++setTimeout('fadeCOLOR3("'+layName+'")',60)} elsecount=0}</script>
&br<form>
&br<inputtype="button"id="test3"value:値="clickme3"onclick="fadeCOLOR3(this.id)">
&br</form>
br
 クリックすると背景色と文字がフェイドインして光ります
<script>
fbr {if(document.getElementById) oj=document.getElementById(layName) elseif(document.all) oj=document.all(layName) elsereturnoj.style.backgroundColor=bgcoloroj.style.color=fgcoloroj.blur()} //--フェイド関数 functionfadeCOLOR2(layName) {if(!window.count)count=0varf="cdefffedc"varg="efffffec0"if(count<9) {b=f.charAt(count)c=g.charAt(count) setBGCL2(layName,'#'+b+b+b,'#'+c+c+c)count++setTimeout('fadeCOLOR2("'+layName+'")',60)} elsecount=0}</script>functionsetBGCL2(layName,bgcolor,fgcolor) {if(document.getElementById) oj=document.getElementById(layName) elseif(document.all) oj=document.all(layName) elsereturnoj.style.backgroundColor=bgcoloroj.style.color=fgcoloroj.blur()} //--フェイド関数 functionfadeCOLOR2(layName) {if(!window.count)count=0varf="cdefffedc"varg="efffffec0"if(count<9) {b=f.charAt(count)c=g.charAt(count) setBGCL2(layName,'#'+b+b+b,'#'+c+c+c)count++setTimeout('fadeCOLOR2("'+layName+'")',60)} elsecount=0}</script>
&br<form>
&br<inputtype="button"id="test2"value:値="clickme!"onclick="fadeCOLOR2(this.id)">
&br</form>
br
 クリックすると背景色がフェイドインして光ります
<script>
fbr {if(document.getElementById) document.getElementById(layName) .style.backgroundColor=bgcolorelseif(document.all) document.all(layName).style.backgroundColor=bgcolor} //--フェイド関数 functionfadeCOLOR(layName) {varf="cdefffedc"if(!window.count) count=0if(count<9) {c=f.charAt(count) setBGCL(layName,'#'+c+c+c)count++setTimeout('fadeCOLOR("'+layName+'")',60)}} </script>functionsetBGCL(layName,bgcolor) {if(document.getElementById) document.getElementById(layName) .style.backgroundColor=bgcolorelseif(document.all) document.all(layName).style.backgroundColor=bgcolor} //--フェイド関数 functionfadeCOLOR(layName) {varf="cdefffedc"if(!window.count) count=0if(count<9) {c=f.charAt(count) setBGCL(layName,'#'+c+c+c)count++setTimeout('fadeCOLOR("'+layName+'")',60)}} </script>
&br<form>
&br<inputtype="button"id="test1"value:値="clickme1"onclick="fadeCOLOR(this.id)">
&br</form>
br
 クリックすると背景色がフラッシュして光ります
<script>
fbr {if(document.getElementById) document.getElementById(layName) .style.backgroundColor=bgcolorelseif(document.all) document.all(layName) .style.backgroundColor=bgcolor} functionflashCOLOR0(layName) {setTimeout('setBGCL0("'+layName+'","#000000")',30) setTimeout('setBGCL0("'+layName+'","#ffffff")',60) setTimeout('setBGCL0("'+layName+'","#000000")',120) setTimeout('setBGCL0("'+layName+'","#ffffff")',180) setTimeout('setBGCL0("'+layName+'","#000000")',240) setTimeout('setBGCL0("'+layName+'","#ffffff")',300) setTimeout('setBGCL0("'+layName+'","#bbbbbb")',360)} </script>functionsetBGCL0(layName,bgcolor) {if(document.getElementById) document.getElementById(layName) .style.backgroundColor=bgcolorelseif(document.all) document.all(layName) .style.backgroundColor=bgcolor} functionflashCOLOR0(layName) {setTimeout('setBGCL0("'+layName+'","#000000")',30) setTimeout('setBGCL0("'+layName+'","#ffffff")',60) setTimeout('setBGCL0("'+layName+'","#000000")',120) setTimeout('setBGCL0("'+layName+'","#ffffff")',180) setTimeout('setBGCL0("'+layName+'","#000000")',240) setTimeout('setBGCL0("'+layName+'","#ffffff")',300) setTimeout('setBGCL0("'+layName+'","#bbbbbb")',360)} </script>
&br<form>
&br<inputtype="button"id="test1"value:値="clickme1"onclick="flashCOLOR0(this.id)">
&br</form>
br