javascript表格隔行变色加鼠标移入移出及点击效果

来源: 电脑维修教程   阅读:     发表时间:

javascript表格隔行变色加鼠标移入移出及点击效果的要领,涉及javascript实现隔行变色及鼠标点击效果的相关技巧,非常具有实用价值,需要的伴侣可以参考下

javascript表格隔行变色加鼠标移入移出及点击效果的要领,涉及javascript实现隔行变色及鼠标点击效果的相关技巧,非常具有实用价值,需要的伴侣可以参考下

本文实例讲述了javascript表格隔行变色加鼠标移入移出及点击效果的要领。分享给各人供各人参考。具体阐明如下:

表格隔行变色,也是一个提高用户体验的js效果。

效果实现:

表格奇偶行的颜色纷歧样。这样可以防备用户看数据时串行。

鼠标移入某行时变颜色,电脑维修技术,移出再变回来。这样可以让用户清楚的知道本身正在看哪一行。

表格点击变色。便于用户选中本身想保存的项。

说明:

i%2 每个数和2取模的值,只有0和1两种,这样就可以实现隔行变色的效果

tables_li[i].onoff = 1; 为了实现点击变色,鼠标移入移出时,颜色不被覆盖。

上代码:

"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><table width='95%' border='1' align='center' cellpadding='4' cellspacing='0' bordercolor='#D7D7D7' ><tr><td align='center'>cellpadding="0" cellspacing="0" id="tables"></td></tr><tr><td align='center'>1</td><td align='center'>内容内容</td></tr><tr><td align='center'>2</td><td align='center'>内容内容</td></tr><tr><td align='center'>3</td><td align='center'>内容内容</td></tr><tr><td align='center'>4</td><td align='center'>内容内容</td></tr><tr><td align='center'>5</td><td align='center'>内容内容</td>

以上是:解决javascript表格隔行变色加鼠标移入移出及点击效果问题的详细资料教程

?
热门链接: 机顶盒 | 主板维修 | 声卡怎么安装 | 路由器怎么设置 | 电脑内存维修技术 | 维修大全?| 主板维修资料 | 电脑声卡音响故障维修 | 内存 | 显示器 | 电源维修教程 | cpu | 硬盘 | 显卡 |win8操作系统教程|linux操作系统教程|ubuntu操作系统教程|mac苹果操作系统教程|execl教程
友情链接: ?苹果手机维修?| 更多...