快捷導航

用js模仿word格式刷功能實現(xiàn)代碼 [推薦]

更新時間：2009年07月23日 23:08:41 作者：

非常不錯的模仿word格式刷實現(xiàn)代碼。推薦大家參考下思路。

<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> <a href="javascript:setBold();" class='b'>B</a> &nbsp;&nbsp; <a href="javascript:setItalic();" class="i">I</a> &nbsp;&nbsp; <a href="javascript:setUnderline();" class="u">U</a> &nbsp;&nbsp; <a href="javascript:setLineThrough();" class="s">S</a> &nbsp;&nbsp; <a href="javascript:setRedColor();" class="r">R</a> &nbsp;&nbsp; <a href="javascript:doBrush(this);" class="">Brush</a>&nbsp;<span id="tip" style="display: none;">再次點擊Brush以結(jié)束使用格式刷</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準備使用格式刷，然后點任意單元格就會把當前單元格格式拷貝到被點擊的單元格。  轉(zhuǎn)載請注明來自：http://blog.csdn.net/sunxing007 </body>  </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: