鼠标搭上显示背景色

原来帮一小朋友写的简单的应用，没有什么技术含量，只是做一学习过程的记录。

 

 

复制代码
<!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>Document</title>
        <style>
        </style>
        <script>
        window.onload = function (){
            var lis = document.getElementById('uls').getElementsByTagName('li');
            for (var i = 0; i < lis.length; i++) {
                lis[i].onmouseover = function(){
                    this.style.backgroundColor = '#ffffcc';
                }
                lis[i].onmouseout = function(){
                    this.style.backgroundColor = '#fbfafa';
                }
                lis[i].style.backgroundColor = '#fbfafa';
            }
        }
        </script>
    </head>
    <body>
    <ul id="uls">
     <li><a href="#">德克萨斯扑克德克萨斯扑克</a></li>
     <li><a href="#">德克萨斯扑克德克萨斯扑克</a></li>
     <li><a href="#">德克萨斯扑克德克萨斯扑克</a></li>
     <li><a href="#">德克萨斯扑克德克萨斯扑克</a></li>
     <li><a href="#">德克萨斯扑克德克萨斯扑克</a></li>
    </ul>
    </body>
</html>
复制代码

 

 

 

posted @   豪情  阅读(316)  评论(0)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示
SQL AI 助手