zoukankan      html  css  js  c++  java
  • 鼠标搭上显示背景色

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

    <!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>
  • 相关阅读:
    Linux 搭建SVN server
    GREENPLUM简单介绍
    监听手机录音
    Java NIO与IO的差别和比較
    元数据驱动思考实例分析
    jQuery推断复选框是否勾选
    BitBlt介绍
    Android灭亡论之Firefox OS操作系统出现
    CEGUI添加自定义控件
    IFrame和Ajax比較
  • 原文地址:https://www.cnblogs.com/jikey/p/1619328.html
Copyright © 2011-2022 走看看