`

js控制li背景色[超越CSS]

CSSJavaScriptXHTMLHTML 
阅读更多

<!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>
    <title>Untitled Page</title>
</head>
<body>
<ul id="css">
    <li>文字</li>
    <li>文字</li>
    <li>文字</li>
    <li>文字</li>
    <li>文字</li>
    <li>文字</li>
    <li>文字</li>
</ul>
<script type="text/javascript">
    var idtest = document.getElementById("css").getElementsByTagName("li");
    //alert(idtest.length);
    for (i = 0; i < idtest.length; i++) {
        idtest.onmouseover = function() {
            this.style.background = "#cccccc";
        }
        idtest.onmouseout = function() {
            this.style.background = "#ffffff";
        }
    }
</script>
</body>
</html>

分享到：
| 判断用户分辨率调用不同的CSS样式文件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics