JS CSS realisiert die Methode der vertieften Anzeige ausgewählter Zellen_Javascript-Fähigkeiten

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:

Code kopieren Der Code lautet wie folgt:

Die

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>

Tagesnachrichten

Wochenbericht

Monatsbericht

Quartalsbericht

Tagesbericht

Wochenbericht

Monatsbericht

Quartalsbericht

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.