<!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>
回复列表
简单，创新，满足个性化需求！
售前咨询（09:00-18:00）
名称：烟台荣华软件科技有限公司
地址：烟台市高新区航天路101号C栋5楼516
座机：0535-3458081
邮箱：001@rongsoft.com
Q Q：327195471
微信公众号(ronghuasoft)
微信小程序 （荣华软件）
Android 端
iphone 端
Copyright@2018 烟台荣华软件科技有限公司 版权所有 鲁ICP备14003838号-1
Copyright@2018 烟台荣华软件科技有限公司
版权所有 鲁ICP备14003838号-1
