Repeater隔行换色、鼠标停留在上面是变色

最新推荐文章于 2023-08-08 16:33:55 发布

原创最新推荐文章于 2023-08-08 16:33:55 发布 · 596 阅读

1 ·

CC 4.0 BY-SA版权

程序专栏收录该内容

121 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的表格行颜色切换效果。当鼠标悬停在表格行上时，该行背景颜色会变为指定颜色；当鼠标移开时，背景颜色恢复为原来的状态。通过这种方法可以提升用户体验，并展示了如何通过简单的脚本实现这一功能。

<tr align="center" style='background-color: <%#(Container.ItemIndex%2==0)?"#FFFFF;":"#fcf3f4"%>'
onmouseover="change_colorOver(this)" onmouseout="change_colorOut(this)">

</tr>

function change_colorOver(e) {
            var oldColor = e.style.backgroundColor;
            document.getElementById("colName").value = oldColor;
            e.style.backgroundColor = "#b9bace";
        }
        function change_colorOut(e) {
            e.style.backgroundColor = document.getElementById("colName").value;
        }