Advertisement

修改表格背景色

阅读量:

使用Jquery事件实现点击修改表格的背景颜色

在每一表格的起始位置均设置有一个多选按钮,当用户触发该按钮时,对应行内所有内容的背景色彩将发生改变;若再次点击该按钮,则可撤销先前的背景色调整效果。
按钮未被激活时的默认样式

在这里插入图片描述

交互时的视觉呈现状态

在这里插入图片描述

程序解析:通过运用表格结构,每行表格的首列单元格内设置有多选按钮,其余单元格用于展示具体内容,并可根据需求自行添加相应的样式效果。

看代码(注意一定要导入js文件)

复制代码
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title></title>
    		<script src="js/jquery.js"></script>
    	</head>

全部评论 (0)

还没有任何评论哟~