[原]界面上有几个球队名字的列表，将鼠标放到球队名字上就变为红色背景，其他球队背景颜色为白色，点击一个球队的时候就将点击的球队变为fontSize=30字体(fontSize=‘’回到默认)。

2024-09-04 03:01:15

window.onload = function () {
            var uls = document.getElementById('ui').getElementsByTagName('li');
            for (var i = 0; i < uls.length; i++) {
                uls[i].onmouseover = function () {
                    this.style.backgroundColor = 'red';
                };
                uls[i].onclick = function () {
                    this.style.fontSize = '30px';
                };
                uls[i].onmouseout = function () {
                    this.style.backgroundColor = '';
                    this.style.fontSize = '12px';
                };
            };
        };
<ul id="ui" style=" list-style-type:none; float:left; margin:0px;">
        <li>湖人</li>
        <li>马刺</li>
        <li>雷霆</li>
        <li>公牛</li>
        <li>火箭</li>
        <li>热火</li>
    </ul>

最新文章

热门文章