如何能实现表单隔行变色功能-领先建站CMS提供服务商我们专注于CMS建站产品的研发

1801 查看	4 回复

主题：[求助]如何能实现表单隔行变色功能 [收藏主题]

转到：

q276592170 当前离线

47 主题	0 广播	0 粉丝

级别:学前班

用户积分:50 分
登录次数:158 次
注册时间:2014/2/25
最后登录:2015/8/2

q276592170 发表于：2015/2/26 12:24:58 | 显示全部帖子查看该作者主题楼主

有课程找生源就上科汛课堂街

调用出来的表单行很多行的时候？如何实现表单的隔行变色功能，或者鼠标经过后的，整行变色也行，看看有高懂css的没有给一个建议。

做新职业技能培训平台就选#科汛网校

支持(0) |

反对(0)

顶端

底部

q276592170 当前离线

47 主题	0 广播	0 粉丝

级别:学前班

用户积分:50 分
登录次数:158 次
注册时间:2014/2/25
最后登录:2015/8/2

q276592170 发表于：2015/2/26 17:37:48 | 显示全部帖子查看该作者主题沙发

做线上考试培训就选#科汛网校

春上秋下，你这个隔行代码我先收藏，先谢你了哈 :time:

做官网就用科汛智能建站系统!

支持(0) |

反对(0)

顶端

底部

q276592170 当前离线

47 主题	0 广播	0 粉丝

级别:学前班

用户积分:50 分
登录次数:158 次
注册时间:2014/2/25
最后登录:2015/8/2

q276592170 发表于：2015/2/26 17:40:16 | 显示全部帖子查看该作者主题藤椅

做官网就用科汛智能建站系统!

另外鼠标放上后，整行换色我也弄出来了。一同与大家分享。

复制代码

[loop={@num}]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
<!--
.datalist{
border:1px solid #0058a3; /* 表格边框 */
font-family:Arial;
border-collapse:collapse; /* 边框重叠 */
background-color:#eaf5ff; /* 表格背景色 */
font-size:14px;
}
.datalist caption{
padding-bottom:5px;
font:bold 1.4em;
text-align:left;
}
.datalist th{
border:1px solid #0058a3; /* 行名称边框 */
background-color:#4bacff; /* 行名称背景色 */
color:#FFFFFF; /* 行名称颜色 */
font-weight:bold;
padding-top:4px; padding-bottom:4px;
padding-left:12px; padding-right:12px;
text-align:center;
}
.datalist td{
border:1px solid #0058a3; /* 单元格边框 */
text-align:left;
padding-top:4px; padding-bottom:4px;
padding-left:10px; padding-right:10px;
}
.datalist tr:hover, .datalist tr.altrow{
background-color:#c4e4ff; /* 动态变色 */
}
-->
</style>
</head>
<body>
<table align="center" cellpadding="0" cellspacing="0" class="datalist">
<tr>
<td height="18" align="right" width="72"><a href="{@linkurl}" target="_blank">{@KS_ABC(Text,0,...,0,)}</a></td>
<td align="right" width="72">{@KS_01(Text,0,...,0,)}</td>
<td align="right" width="72">{@KS_04(Num,0,2)}</td>
<td align="right" width="72">{@KS_A01(Text,0,...,0,)}</td>
<td align="right" width="72">{@KS_A001(Text,0,...,0,)}</td>
</tr>
</table>
<script language="javascript">
var rows = document.getElementsByTagName('tr');
for (var i=0;i<rows.length;i++){
rows[i].onmouseover = function(){ //鼠标在行上面的时候
this.className += 'altrow';
}
rows[i].onmouseout = function(){ //鼠标离开时
this.className = this.className.replace('altrow','');
}
}
</script>
</body>
</html>
[/loop]

做新职业技能培训平台就选#科汛网校

支持(0) |

反对(0)

顶端

底部

＜上一主题 | 下一主题＞

首页 1