首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

javascript+css仿excel报表效果

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

javascript+css仿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)都拥有同样的效果

?

热点排行
Bad Request.