1.在页面div中创建一个空白表,可以根据需要对其进行定制。
2.创建表之后,我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。
3.在<TB >标签中,我们添加了标签,主要用于提供用户输入参数,而全局变量num主要用于区分每个添加参数的唯一id。
4.获取表中的数据,以供下图参考。
5.一旦我们获得了表中的数据,我们就应该将其转换成json数据的形式。
用jQuery实现,代码如下:var defaultColor="#112233"
$(function(){
$("table tr").each(i){
if(i<5)
{
$(this).css("background-color","#112233")//前五行颜色
}
else
{
$(this).css("background-color","#223344")//五行之后的颜色
}
$("table tr").hover(function(){
defaultColor=$(this).css("background-color")
$(this).css("background-color","#334455")//鼠标移到的颜色
},function(){
$(this).css("background-color",defaultColor)//鼠标移出的颜色,恢复默认颜色
})
}
})