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>
  • 相关阅读:
    mybatis的缓存机制
    mybatis动态SQL
    mybatis关联集合List&分布查询传递多列值
    winrt获取文件MD5码
    在wpf中使用winrt的Toast弹框效果
    winrt控件
    WdatePicker组件不显示
    Thread.Sleep in WinRT
    google 语音api
    UTF8编码转换(C#)
  • 原文地址:https://www.cnblogs.com/huchaoheng/p/5708278.html
Copyright © 2011-2022 走看看