Das Beispiel in diesem Artikel beschreibt, wie Sie JS CSS implementieren, um die ausgewählten Zellen eingerückt anzuzeigen. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:
Die JS-CSS-Implementierung kann die ausgewählte Zelle eingerückt anzeigen
td{cursor:hand;font-size:12px}
.click{border-top:1px solid #0033CC;border-bottom:1px solid #DDEEFF;border-left:1px solid #0033CC;border-right:1px solid #DDEEFF;padding-top:5px;padding-bottom:3px ;padding-left:5px;padding-right:3px;}
.hover{border-top:1px solid #DDEEFF;border-bottom:1px solid #0033CC;border-left:1px solid #DDEEFF;border-right:1px solid #0033CC;padding:4px;}
.normal{border:1px solid #FFFFFF;padding:4px;}
<script><br>
Funktion overbutton(){<br>
if(src=event.srcElement)<br>
if(src.className=="normal"){<br>
src.className='hover';<br>
}<br>
}<br>
Funktion outbutton(){<br>
if(src=event.srcElement)<br>
if(src.className=="hover"){<br>
src.className='normal';<br>
}<br>
}<br>
Funktion clickbutton(){<br>
if(src=event.srcElement)<br>
if(src.className=="hover"){<br>
var celles=document.all.button.rows[0].cells;<br>
für (i=0;i<cells.length ;i )<br />
{cells[i].className="normal";<br />
}<br />
src.className='click';<br />
}<br />
}</p>
<p>document.onmouseover=overbutton<br />
document.onmouseout=outbutton<br />
document.onclick=clickbutton</script>
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
