javascript+css仿excel报表效果
javascript+css仿excel表格效果? 这是excel的界面,选中一个单元格后,该单元格,以及同行、同列的第一个单元
javascript+css仿excel表格效果
?

这是excel的界面,选中一个单元格后,该单元格,以及同行、同列的第一个单元格都呈现出特殊样式,很好地提示了用户。接下来用javascript和css实现类似效果。
关键的css如下:
?
??????//Firefox浏览器貌似只支持innerHTML
??????break;
?????}
????}
???};
???cells[i].onmouseout = function() {
????this.className = "";
????tdRow.className = tdCol.className="";
????document.getElementById("position").innerHTML = "";
????//tdRow tdCol的存在就为了避免又一次的循环遍历
????/*for(var j=0;j<len;j++){
????if(cells[j]==this){
????cells[j%5].className="";
????cells[j-j%5].className="";
????break;
????}
????}*/
???};
??}
?}
};
?
经过测试Firefox和搜狗浏览器(IE)都拥有同样的效果
?