`
jkfzero
  • 浏览: 107340 次
  • 性别: 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`，自动...

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

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

    flexigreid 天蓝色主题

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

    71个表格的样式集合

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

    cmd脚本-bat批处理-AdobeRemovePanel.zip

    cmd脚本-bat批处理-AdobeRemovePanel.zip

    HTML、CSS与JavaScript构建学生信息管理系统

    好的，以下是重新表述后的内容： 本次学生信息管理系统的效果页面代码较为复杂，主要涉及HTML、JS和CSS。在实现过程中，遇到了以下难点： 页面中有一个复选框，通过它的checked属性可以判断是否被选中。当点击该复选框时，需要将当前页面的这一列所有复选框的checked属性设置为相同的值，从而实现全选功能。 要实现仅选择当前页的功能，首先需要获取当前页面的页码，记为page。由于每一页设定只显示10条内容，因此可以通过以下规则计算当前页的起始条目索引：当前页的开始条数为(page - 1) * 10。 如果还有其他问题，可以评论或者通过邮箱（1079349989@qq.com）联系我。完整的代码可以在我的GitHub中找到，GitHub链接在本页面。

    基于滑模观测器的无位置传感器控制Simulink永磁同步电机（PMSM）仿真模型 附资料 · 滑模观测器

    内容概要：本文详细介绍了基于Simulink仿真平台的永磁同步电机(PMSM)滑模观测器无位置传感器控制策略的建模方法和技术细节。主要内容涵盖滑模观测器的工作原理，即通过电流观测反电动势并从中提取转子位置信息，以及具体实现步骤如滑模面设计、坐标变换、反电动势观测器和锁相环(PLL)设计等。文中还提供了MATLAB代码片段，帮助理解和实现关键部分。此外，针对常见的数值稳定性和参数调整问题给出了实用建议。 适合人群：从事电机控制系统设计的研究人员、工程师及高校相关专业师生。 使用场景及目标：①掌握PMSM无位置传感器控制的基本理论；②学会利用Simulink构建高效的滑模观测器控制模型；③解决实际工程中遇到的技术难题，提高系统性能。 其他说明：文章不仅提供理论指导，还包括大量实践经验分享，有助于读者快速上手并在实践中不断优化模型。

    python+opencv简谱识别音频生成系统源码含GUI界面+详细运行教程+数据.zip

    python+opencv简谱识别音频生成系统源码含GUI界面+详细运行教程+数据 一、项目简介 提取简谱中的音乐信息，依据识别到的信息生成midi文件。 Extract music information from musical scores and generate a midi file according to it. 二、项目运行环境 python=3.11.1 第三方库依赖 opencv-python=4.7.0.68 numpy=1.24.1 可以使用命令 pip install -r requirements.txt 来安装所需的第三方库。 三、项目运行步骤 3.1 命令行运行 运行main.py。 输入简谱路径：支持图片或文件夹，相对路径或绝对路径都可以。 输入简谱主音：它通常在第一页的左上角“1=”之后。 输入简谱速度：即每分钟拍数，同在左上角。 选择是否输出程序中间提示信息：请输入Y或N（不区分大小写，下同）。 选择匹配精度：请输入L或M或H，对应低/中/高精度，一般而言输入L即可。 选择使用的线程数：一般与CPU核数相同即可。虽然python的线程不是真正的多线程，但仍能起到加速作用。 估算字符上下间距：这与简谱中符号的密集程度有关，一般来说纵向符号越稀疏，这个值需要设置得越大，范围通常在1.0-2.5。 二值化算法：使用全局阈值则跳过该选项即可，或者也可输入OTSU、采用大津二值化算法。 设置全局阈值：如果上面选择全局阈值则需要手动设置全局阈值，对于.\test.txt中所提样例，使用全局阈值并在后面设置为160即可。 手动调整中间结果：若输入Y/y，则在识别简谱后会暂停代码，并生成一份txt文件，在其中展示识别结果，此时用户可以通过修改这份txt文件来更正识别结果。 如果选择文件夹的话，还可以选择所选文件夹中不需要识别的文件以排除干扰

    cmd-bat-批处理-脚本-mshta-weekNumber.zip

    cmd-bat-批处理-脚本-mshta-weekNumber.zip

    基于滑模观测器与PLL锁相环的PMSM无感FOC控制模型

    鉴于《现代永磁同步电机控制原理》（袁雷编）一书中未涵盖锁相环无感模型的相关内容，特将相关资料整理分享，以供读者参考。

    I型NPC三电平逆变器的解耦控制与SVPWM调制技术及其应用 新能源并网 三电平电流环解耦控制与SVPWM并网控制

    内容概要：本文详细介绍了I型NPC三电平逆变器的电流环解耦控制和SVPWM调制技术。首先解释了电流环解耦控制的必要性和实现方法，特别是在dq坐标系下的交叉耦合项补偿。然后讨论了SVPWM调制的具体实现步骤，包括扇区划分和小矢量的选择策略。此外，还探讨了中点电位平衡控制的方法以及仿真过程中需要注意的关键点，如步长设置、死区补偿等。文中提供了MATLAB/Simulink代码片段和仿真模型的实现细节，并附上了相关参考文献。 适合人群：从事电力电子、新能源并网控制领域的工程师和技术人员，尤其是对三电平逆变器有研究兴趣的专业人士。 使用场景及目标：适用于希望深入了解I型NPC三电平逆变器内部机制的研究人员和工程师。主要目标是掌握解耦控制和SVPWM调制的技术细节，提高系统的稳定性和效率。 其他说明：文中提供的Simulink模型支持2022年以前的版本，默认为2016b版本。对于遇到仿真问题的用户提供技术支持。

    cmd脚本-bat批处理-BOOTDISK.zip

    cmd脚本-bat批处理-BOOTDISK.zip

    FreeRTOS任务不同优先级

    FreeRTOS任务不同优先级

    智能交通系统中S7-1200 PLC与WinCC组态仿真的应用及优化

    内容概要：本文详细介绍了基于PLC的S7-1200智能交通灯控制系统的设计与实现。首先，文中阐述了硬件配置的选择，如选用S7-1200 CPU 1214C AC/DC/RLY和SM1223数字量输出模块。接着，描述了基础红绿灯控制程序的编写，包括使用梯形图进行简单的定时器控制以及采用SCL语言的状态机编程方法。此外，还加入了智能元素，如根据车流量自动调整绿灯时间和为特殊车辆提供优先通行的功能。为了更好地监控和操作，利用WinCC进行了组态仿真，解决了画面刷新延迟的问题。最后，强调了调试过程中遇到的实际问题及其解决方案。 适用人群：对PLC编程和智能交通系统感兴趣的工程师和技术人员，尤其是有一定PLC编程基础并希望深入了解S7-1200系列控制器的应用者。 使用场景及目标：适用于需要构建或改进城市智能交通系统的场合，旨在提高交通效率，减少拥堵，确保交通安全。同时，也为学习者提供了宝贵的实践经验。 其他说明：文中提到的编程技巧和调试心得对于从事工业自动化项目的人员来说非常有价值，能够帮助他们更好地应对实际工作中可能遇到的各种挑战。

    基于NARX模型的多变量时间序列预测及其Matlab实现 必备版

    内容概要：本文介绍了基于带外源输入的非线性自回归网络（NARX）的多变量时间序列预测模型及其在MATLAB中的实现方法。NARX模型能够处理具有外源输入的多变量时间序列问题，通过将系统当前状态视为历史状态和当前输入的非线性组合，从而对未来趋势进行预测。文中详细讲解了NARX模型的基本思想、应用场景，并提供了具体的MATLAB代码示例，包括数据准备、模型构建、参数设置、预测执行等步骤。此外，还强调了实际应用中需要注意的数据处理和模型调优。 适合人群：对时间序列分析感兴趣的研究人员和技术爱好者，尤其是那些希望通过MATLAB实现NARX模型进行预测的人群。 使用场景及目标：适用于金融市场、气象预报等领域的时间序列预测任务，旨在提高预测精度，更好地理解和应对复杂的非线性系统。 其他说明：虽然文中提供的代码仅为简单示例，但已足够帮助初学者快速上手NARX模型的构建与应用。对于深入研究，还需进一步探索数据处理技巧和模型优化方法。

    自制简易网络协议解析器抓包解析数据

    本项目旨在设计一款基于Python Tkinter的图形用户界面(GUI)的抓包工具，具备以下功能： 数据包展示与解析 能够以条目形式清晰展示数据包的概要信息（通过summary()方法实现）。 支持对数据包进行分层解析，方便用户深入了解数据包的结构。 可显示数据包的十六进制编码值（通过hexdump()方法实现），便于用户查看原始数据。 实时抓包与校验 在抓包过程中实时解析数据包，无需等待抓包结束即可查看解析结果。 能够判断IP、TCP或UDP数据包的校验和是否正确，及时发现数据传输中的错误。 过滤与控制功能 支持BPF（Berkeley Packet Filter）过滤器，用户可以根据需要过滤特定类型的数据包。 抓包过程中可以随时暂停或停止，方便用户灵活控制抓包进度。 数据存储与兼容性 支持将抓取的数据包存储为pcap格式文件，该格式兼容Wireshark等主流数据包分析工具，便于后续深入分析。 数据保存提示 在退出程序时，会提示用户保存未保存的数据包，避免数据丢失。 若用户在未保存数据包的情况下尝试开始新的抓包操作，系统也会提醒用户先保存当前数据包。 通过以上功能设计，该工具旨在为用户提供一个高效、便捷且功能完善的抓包与分析环境，满足网络分析、教学演示等多种场景的需求。

    基于 Scrapy 的新闻智能分类微信小程序.zip

    基于 Scrapy 的新闻智能分类微信小程序.zip

    python 打卡DAY27

    python 打卡DAY27

    ssm088基于JAVA的汽车售票网站abo(文档+源码)_kaic

    ssm088基于JAVA的汽车售票网站abo(文档+源码)_kaic

    如何通俗地解释欧氏空间？四维空间、五维空间甚至无限维空间是什么样子？高阶空间怎样与欧氏空间产生联系又区别开来的？.pdf

    如何通俗地解释欧氏空间？四维空间、五维空间甚至无限维空间是什么样子？高阶空间怎样与欧氏空间产生联系又区别开来的？

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