JS CSSで選択セルの凹み表示方法を実現_JavaScriptスキル

この記事の例では、JS CSS を実装して選択したセルをインデントして表示する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<頭>

<スタイル>
td{カーソル:手;フォントサイズ:12px}
.click{border-top:1px ソリッド #0033CC;border-bottom:1px ソリッド #DDEEFF;border-left:1px ソリッド #0033CC;border-right:1px ソリッド #DDEEFF;padding-top:5px;padding-bottom:3px ;padding-left:5px;padding-right:3px;}
.hover{border-top:1px ソリッド #DDEEFF;border-bottom:1px ソリッド #0033CC;border-left:1px ソリッド #DDEEFF;border-right:1px ソリッド #0033CC;padding:4px;}
.normal{border:1px ソリッド #FFFFFF;padding:4px;}



<スクリプト>
関数オーバーボタン(){
if(src=event.srcElement)
if(src.className=="normal"){
src.className='ホバー';
}
}
関数 outbutton(){
if(src=event.srcElement)
if(src.className=="ホバー"){
src.className='normal';
}
}
関数 clickbutton(){
if(src=event.srcElement)
if(src.className=="ホバー"){
var cell=document.all.button.rows[0].cells;
for (i=0;i {cells[i].className="normal";
}
src.className='クリック';
}
}

document.onmouseover=overbutton
document.onmouseout=outbutton
document.onclick=clickbutton

デイリーニュース

週次レポート

月次レポート

四半期報告書

日報

週次レポート

月次レポート

四半期レポート

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。