<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery简单仿Excel表格功能插件</title>
<link rel="stylesheet" type="text/css" href="css/font-awesome.4.6.0.css">
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/excel.min.js"></script>
<script type="text/javascript">
$(function(){
//$(".wyb-excel").setExcelHtml("<table width='100%'><tbody><tr style='height: 38px;'><td style='width: 227px;'></td><td style='width: 46px;'></td><td style='width: 133px;' rowspan='3' colspan='2'></td><td style='width: 133px; display: none;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 134px;'></td><td style='width: 135px;'></td><td style='width: 135px;'></td></tr><tr style='height: 153px;'><td style='width: 227px;' rowspan='3' colspan='2'></td><td style='width: 46px; display: none;'></td><td style='width: 133px; display: none;'></td><td style='width: 133px; display: none;'></td><td style='width: 133px; text-align: center;'>wyb </td><td style='width: 133px;'></td><td style='width: 134px;'></td><td style='width: 135px;'></td><td style='width: 135px;'></td></tr><tr style='height: 38px;'><td style='width: 227px; display: none;'></td><td style='width: 46px; display: none;'></td><td style='width: 133px; display: none;'></td><td style='width: 133px; display: none;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 134px;'></td><td style='width: 135px;'></td><td style='width: 135px;'></td></tr><tr style='height: 38px;'><td style='width: 227px; display: none;'></td><td style='width: 46px; display: none;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 134px;'></td><td style='width: 135px;'></td><td style='width: 135px;'></td></tr><tr style='height: 38px;'><td style='width: 227px;'></td><td style='width: 46px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 134px;'></td><td style='width: 135px;'></td><td style='width: 135px;'></td></tr><tr style='height: 38px;'><td style='width: 227px;' rowspan='1' colspan='3'>这是为什么啊啊</td><td style='width: 46px; display: none;'></td><td style='width: 133px; display: none;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 134px;'></td><td style='width: 135px;'></td><td style='width: 135px;'></td></tr><tr style='height: 154px;'><td style='width: 227px;'></td><td style='width: 46px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 134px;'></td><td style='width: 135px;'></td><td style='width: 135px;'></td></tr><tr style='height: 38px;'><td style='width: 227px;'></td><td style='width: 46px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 134px;'></td><td style='width: 135px;'></td><td style='width: 135px;'></td></tr><tr style='height: 38px;'><td style='width: 227px;'></td><td style='width: 46px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 133px;'></td><td style='width: 134px;'></td><td style='width: 135px;'></td><td style='width: 135px;'></td></tr></tbody></table>");
$(".wyb-excel").wybExcel();
});
function getHtml(){
var t=$(".wyb-excel").getExcelHtml();
$("#test").html(t);
}
</script>
<style type="text/css">
#test{width: 1200px;height:600px;margin: 0 auto;margin-top: 20px;padding: 17px;}
</style>
<link rel="stylesheet" href="css/excel.css" type="text/css" />
</head>
<body><script src="/demos/googlegg.js"></script>
<h3>按下鼠标左键不放,可范围选择多个区块,鼠标右键进行操作</h3>
<div class="wyb-excel" style="width:1000px;margin: 0 auto;"></div>
<input type="button" value="网页预览" onClick="getHtml()">
<div id="test" class="wyb-excel-table"></div>
<div style="text-align:center;margin:-600px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>
<p>来源:<a href="http://www.lanrenzhijia.com/" target="_blank">懒人</a></p>
</div>
</body>
</html>