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