ホームページ > 記事 > ウェブフロントエンド > JavaScriptテーブルハイライトクラスの応用【上級】_代表的な特殊効果

JavaScriptテーブルハイライトクラスの応用【上級】_代表的な特殊効果

WBOYオリジナル: 2016-05-16 18:42:391140ブラウズ

<title>テーブルハイライト</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk">
    <style type="text/css"> 
        * { 
            font-size: 11px; 
            font-family: verdana, arial, sans-serif; 
        } 
         
        table { 
            border: 1px solid #ccc; 
            margin: 0 auto; 
        } 
         
        th { 
            background-color: #f7f7f7; 
        } 
         
        td, th { 
            padding: 15px; 
            border: 1px solid #ccc; 
        } 
         
        tr.alternate { 
            background-color: #efd; 
        } 
         
        .bold { 
            font-weight: bold; 
        } 
         
        .red { 
            color: red; 
            font-weight: bold; 
        } 
         
        .blue { 
            background-color: blue; 
        } 
         
        /* Used with crosshairs.js */ 
        .hoverHilight { 
            background-color: #ffffc0; 
            cursor: pointer; 
        } 
         
        .activeCellHilight { 
            background-color: #c0dbff; 
            color: blue; 
        } 
    </style>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：CSSマウスホバーメニュー画像交換技術実装_ナビゲーションメニュー次の記事：CSSマウスホバーメニュー画像交換技術実装_ナビゲーションメニュー

続きを見る

JavaScriptテーブルハイライトクラスの応用【上級】_代表的な特殊効果

関連記事