クリックすると光るボタン
200105.zip

  クリックすると背景色と文字が光ってボタンが伸びます








<script>

function setBGCL3(layName,bgcolor,fgcolor,width){

    if(document.getElementById)oj=document.getElementById(layName)
    else if(document.all)      oj=document.all(layName)
    else return

       oj.style.backgroundColor=bgcolor
       oj.style.color=fgcolor
       oj.style.width = 50 * width
       oj.blur()

}

//--フェイド関数
function fadeCOLOR3(layName){

    if(!window.count) count =0 
    var  f  = "cdefffedc"
    var  g  = "effffec80"
    var  h  = "223344322"
    if( 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)
    } else  count =0 
    
}

</script>

<form>
<input type="button" id="test3" value="click me 3"
       onclick="fadeCOLOR3(this.id)">
</form>


  クリックすると背景色と文字がフェイドインして光ります








<script>

function setBGCL2(layName,bgcolor,fgcolor){

    if(document.getElementById)oj=document.getElementById(layName)
    else if(document.all)      oj=document.all(layName)
    else return

       oj.style.backgroundColor=bgcolor
       oj.style.color=fgcolor
       oj.blur()

}

//--フェイド関数
function fadeCOLOR2(layName){

    if(!window.count) count =0 
    var  f  = "cdefffedc"
    var  g  = "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)
    } else  count =0 
    
}

</script>

<form>
<input type="button" id="test2" value="click me 2"
       onclick="fadeCOLOR2(this.id)">
</form>


  クリックすると背景色がフェイドインして光ります








<script>

function setBGCL(layName,bgcolor){

    if(document.getElementById)
       document.getElementById(layName).style.backgroundColor=bgcolor
    else if(document.all)document.all(layName).style.backgroundColor=bgcolor

}

//--フェイド関数
function fadeCOLOR(layName){

    var  f = "cdefffedc"
    if(!window.count) count =0 
    if( count < 9 ){
        c = f.charAt(count)
        setBGCL( layName , '#'+c+c+c )
        count++
        setTimeout('fadeCOLOR("'+layName+'")',60)
    } 
    
}

</script>

<form>
<input type="button" id="test1" value="click me 1"
       onclick="fadeCOLOR(this.id)">
</form>


  クリックすると背景色がフラッシュして光ります








<script>

function setBGCL0(layName,bgcolor){
    if(document.getElementById)
       document.getElementById(layName).style.backgroundColor=bgcolor
    else if(document.all)document.all(layName).style.backgroundColor=bgcolor
}

function flashCOLOR0(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>

<form>
<input type="button" id="test1" value="click me 1"
       onclick="flashCOLOR0(this.id)">
</form>




Toshirou Takahashi tato@fureai.or.jp