用js模仿word格式刷功能实现代码 [推荐]

269 阅读 0 评论 178 点赞

我是靠谱客的博主故意冷风，这篇文章主要介绍用js模仿word格式刷功能实现代码 [推荐]，现在分享给大家，希望可以做个参考。

<html> 
<head> 
<title>Format Brush</title> 
</head> 
<style> 
table{ 
border: solid #ccc 1px; 
} 
td{ 
border: solid #ccc 1px; 
width: 140px; 
height: 25px; 
} 
.selected{ 
border: solid red 1px; 
} 
a{ 
text-decoration: none; 
color: black; 
font-weight: bold; 
} 
.b{ 
} 
.i{ 
font-style: italic; 
} 
.u{ 
text-decoration: underline; 
} 
.s{ 
text-decoration: line-through; 
} 
.r{ 
color: red; 
} 
</style> 
<body> 
<div> 
B    
I    
U    
S    
R    
Brush <span id="tip" style="display: none;">再次点击Brush以结束使用格式刷</span> 
</div> 
<table id='t' cellpadding='0' cellspacing='0' border='1'> 
<tr><td class="selected">column1</td><td>column2</td><td>column3</td><td>column4</td></tr> 
<tr><td>column1</td><td>column2</td><td>column3</td><td>column4</td></tr> 
<tr><td>column1</td><td>column2</td><td>column3</td><td>column4</td></tr> 
<tr><td>column1</td><td>column2</td><td>column3</td><td>column4</td></tr> 
<tr><td>column1</td><td>column2</td><td>column3</td><td>column4</td></tr> 
<tr><td>column1</td><td>column2</td><td>column3</td><td>column4</td></tr> 
<tr><td>column1</td><td>column2</td><td>column3</td><td>column4</td></tr> 
</table>

用法：上下左右键移动单元格， 点格式化按扭格式化当前单元格， 
 
点Brush准备使用格式刷，然后点任意单元格就会把当前单元格格式拷贝到被点击的单元格。

转载请注明来自：http://blog.csdn.net/sunxing007 
</body> 
 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]