zoukankan      html  css  js  c++  java
  • 点击标签变换背景色

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

    <!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>
  • 相关阅读:
    MongoDB 聚合函数及排序
    MongoDB 关系运算符及统计个数及跳过分页
    MongoDB 正则表达式查询
    MongoDB 范围查询
    MongoDB 逻辑运算符
    MongoDB数据库
    python 判断文件夹存在,不存在创建文件夹
    MySQL 数据库操作
    MySQL 数据库连接命令
    PyCharm Django 显示一个简单页面
  • 原文地址:https://www.cnblogs.com/huchaoheng/p/5708278.html
Copyright © 2011-2022 走看看