`
jkfzero
  • 浏览: 105128 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

高亮行/列

jQueryAjaxJavaScriptHTML 
阅读更多

  高亮的行/列是用户界面设计中一个经典的元素，他可以使得用户不会对错行，尤其在一些没有边框和比较长的表格中。

下面给出一个简单的实现。

  同理，双色表格（表格按照奇数偶数不同颜色）也会让用户体验提升不少。

<!DOCTYPE html>

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style>
.hightlight{
	background-color:#C0C0C0;
}
</style>
<script language="javascript">
$(document).ready(function(){
	$("tr").mouseover(function(){
		$(this).addClass("hightlight");
	}).mouseout(function(){
		$(this).removeClass("hightlight");
	})
});
</script>
</head>
<body style="background-color:#EFEFEF;">
<table>
<tr><td>aaaa</td><td>aaaa</td></tr>
<tr><td>aaaa</td><td>aaaa</td></tr>
<tr><td>aaaa</td><td>aaaa</td></tr>
</table>
</body>
</html>
0
顶
0
踩
分享到：
| ruby中长字符串写法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    漂亮的表格css+html

    - 高亮行/列：使用`:hover`伪类，当鼠标悬停时改变行或列的样式。 - 条纹效果：使用`nth-child`选择器为偶数行或奇数行添加不同的背景色，创建条纹效果。 - 序号列：通过CSS计算属性`counter-increment`，自动...

    vb语法高亮类

    VB（Visual Basic）是一种由微软开发的编程语言，主要用于创建Windows应用程序。在编写VB代码时，语法高亮是一项重要的功能，它能帮助程序员更清晰地识别代码的不同部分，提高代码可读性和编写效率。...

    iview树添加图标

    iview树添加图标

    vxe-table vue表格解决方案-其他

    Basic table （基础表格）Grid （高级表格）Size （尺寸）Striped （斑马线...高亮行、列)Table sequence （序号)Radio （单选)Checkbox （多选）Sorting （排序）Filter （筛选）Rowspan and colspan （合并行或列）...

    flexigreid 天蓝色主题

    1. CSS文件：包含了天蓝色主题的所有样式规则，定义了表格的背景色、文字颜色、边框、高亮行、选择框等各种样式。 2. JavaScript文件：可能有针对天蓝色主题的特定配置或扩展，比如自定义的事件处理、扩展功能等。 3...

    易语言超级编辑框文本着色

    3. **界面渲染**：将解析结果和颜色映射应用到超级编辑框上，这一步涉及GUI编程，需要理解易语言中的控件属性和方法，如设置文本颜色、高亮行、插入符号等。 4. **事件处理**：为了实现动态着色，需要监听用户操作...

    71个表格的样式集合

    这个"71个表格的样式集合"可能包括了各种不同的设计风格，比如扁平化设计、渐变背景、高亮行、悬停效果、条纹样式、自适应布局等。这些预设的样式可以帮助开发者快速实现想要的效果，而无需从零开始编写CSS代码，极...

Magicbox
Global site tag (gtag.js) - Google Analytics