• 点击标签变换背景色


    点击相关的标签会变换背景色,下面是一个小示例,欢迎大家查看

    <!DOCTYPE html>
    <html>
    
    <head>
        <title>
            <meta charset="utf-8">
        </title>
        <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
        <script type="text/javascript" src="http://cdn.hcharts.cn/highstock/highstock.js"></script>
        <script type="text/javascript" src="http://cdn.hcharts.cn/highmaps/highmaps.js"></script>
        <script type="text/javascript">
        </script>
        <style type="text/css">
        .bdcdy_list .hover {
            /*background-color:#5494c6;*/
            background-color: #dde9f5;
            color: #535b66;
        }
        </style>
    </head>
    
    <body>
        <h2>List</h2>
        <dl id="bdcdy_list" class="bdcdy_list">
            <dt>CarsList</dt>
            <dd value='swww' id='Saab'>Saab ... ...</dd>
            <dd id="BMW">BMW ... ...</dd>
            <dd id="Volvo"> VOLVO</dd>
        </dl>
        <script type="text/javascript">
        $("#bdcdy_list dd").click(function(e) {
    
            var mycars = new Array();
            mycars[0] = "Saab";
            mycars[1] = "Volvo";
            mycars[2] = "BMW";
            for (var i = 0; i < mycars.length; i++) {
                var a = mycars[i]
    
                $("#" + a + "").removeAttr("class");
              
            }
    
            e.target.className = "hover";
    
        })
        </script>
    </body>
    
    </html>
  • 相关阅读:
    数据库范式
    SQL基础
    JAVA流
    response.getWriter()和jsp中的out对象的区别
    JAVA排序(冒泡,直接选择,反转)
    Collections类常用方法
    JAVA集合
    JAVA面向对象(重载,重写 常用的 toString/equals)
    Java面向对象一(封装 继承 多态 类 对象 方法)
    JAVA基础
  • 原文地址:https://www.cnblogs.com/huchaoheng/p/5708278.html
Copyright © 2020-2023  润新知