<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>一个用JS实现用于快速填充单元格数据的效果</title>
<style type="text/css">
*{ -moz-user-select:none }
td{line-height:50px; text-align:center;}
</style>
</head>
<body>
<table width="800" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script type="text/javascript">
var datas="怒发冲冠,凭阑处,潇潇雨歇。抬望眼,仰天长啸,壮怀激烈。三十功名尘与土,八
千里路云和月。莫等闲,白了少年头,空悲切。 靖康耻,犹未雪;臣子恨,何时灭。驾长车踏破
,贺兰山缺。壮志饥餐,胡虏肉笑,谈渴饮匈奴血。待从头,收拾旧山河。朝天阙。珊处".split
("");
var ctrl=false;
var tds=document.getElementsByTagName("td");
var tds1=[];
document.documentElement.onmousedown=function(){
ctrl=true;
}
document.documentElement.onselectstart=function(){
return false;
}
document.documentElement.onmouseup=function(){
ctrl=false;
tds1=[];
for(i=0;i<tds.length;i++){
if(tds[i].style.background!="")
tds1.push(tds[i]);
tds[i].style.background="";}
fillDatas(tds1,datas);
}
for(i=0;i<tds.length;i++){
tds[i].onmousemove=function(){
if(!ctrl)return;
this.name=this.style.background;
this.style.background="#ffff00";
}
}
document.documentElement.onkeydown=function(){
ctrl=true;
}
function fillDatas(td,datas){
if(td.length>datas.length)return;
for(i=0;i<td.length;i++){
td[i].innerHTML=datas[i];
}
}
</script>
<br>
<p><a href="http://www.rongsoft.cn">网页代码站</a> - 荣华软件原创代码,每天更新,欢
迎访问留言!</p>
</body>
</html>
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。