Javascript + CSS implementation: Method for displaying selected cells in a concave manner _ javascript skills

This article mainly introduces how to implement javascript + CSS to display selected cells in a concave manner. The example analyzes the javascript operation css skills and has some reference value, for more information about how to use JS + CSS to display selected cells, see the example below. Share it with you for your reference. The specific implementation method is as follows:

The Code is as follows:

JS + CSS allows you to hide selected cells



Script
Function overbutton (){
If (src = event. srcElement)
If (src. className = "normal "){
Src. className = 'hover ';
}
}
Function outbutton (){
If (src = event. srcElement)
If (src. className = "hover "){
Src. className = 'normal ';
}
}
Function clickbutton (){
If (src = event. srcElement)
If (src. className = "hover "){
Var cells = document. all. button. rows [0]. cells;
For (I = 0; I {Cells [I]. className = "normal ";
}
Src. className = 'click ';
}
}

Document. onmouseover = overbutton
Document. onmouseout = outbutton
Document. onclick = clickbutton script

Daily report

Weekly Report

Monthly Report

Quarterly Report

Daily report

Weekly Report

Monthly Report

Quarterly Report

I hope this article will help you design javascript programs.