スイッチの効果

<スタイル>
         / *关闭状态* /
.news_box {幅：100％;高さ：2rem;マージン底：15ピクセル;}
.dashDiv {
   フロート：右。
    国境半径：1rem。
    背景色：#cbcbcb。
    幅：3.2rem。
    高さ：1.65rem。
    マージントップ：0.2rem。
    マージン右：0.4rem。
    ボックスサイズ：ボーダーボックス;
    トランジション：1秒。
    位置：絶対;
    右：0;
}

.dashDiv .dashSpan {
    ボーダー半径：50％。
    国境：1pxの固体#FFFFFF;
    背景色：#FFFFFF;
    フロート：左;
    幅：1.5rem。
    高さ：1.5rem。
    ボックスサイズ：ボーダーボックス;
    マージントップ：0.0704rem。
    余白左：0.0704rem。
}

/ *开通状态* /

.dashDivSelectd {
    背景色：＃4cd964。
    トランジション：1秒。
    国境半径：1rem。
    幅：3.2rem。
    高さ：1.65rem。
    マージントップ：0.2rem。
    マージン右：0.4rem。
    位置：絶対;
    右：0;
    フロート：右;
    ボックスサイズ：ボーダーボックス;

}
.dashDivSelectd .dashSpan {
    ボーダー半径：50％。
    フロート：右;
    マージン右：0.0704rem。
    国境：1pxの固体#FFFFFF;
    背景色：#FFFFFF;
    幅：1.5rem。
    高さ：1.5rem。
    ボックスサイズ：ボーダーボックス;
    マージントップ：0.0704rem。
}
</スタイル>



<DIV CLASS = "news_box" ID = "キュー">
        <DIV CLASS = "dashDiv">
               <a class="dashSpan" href="javascript:;"> </a>に
         </ div>
< / DIV>


<DIV CLASS = "news_box" ID = "CUE1">
        <DIV CLASS = "dashDiv">
               <a class="dashSpan" href="javascript:;"> </a>に
         </ div>
</ DIV >


<スクリプト>
    関数hasClass（OBJ、CLS）{
        obj.className.match（新しい正規表現（ '（\\よ| ^）' + CLS + '（\\ | S $を）'））を返します。
    }  
    関数addClass（OBJ、CLS）{
        もしobj.className + = "" + CLS（hasClass（OBJ、CLS）！）。
    }
    関数removeClass（OBJ、CLS）{
        もし（hasClass（OBJ、CLS））{
        VARのREG =新しい正規表現（ '（\\よ| ^）' + CLS + '（\\は| S $）'）;
        obj.className = obj.className.replace（REG '「）。
        }
    }
    関数toggleClass（OBJ、CLS）{
        IF（hasClass（OBJ、CLS））{
        removeClass（OBJ、CLS）。
        }他{
        addClass（OBJ、CLS）。
        }

    }

関数のヒント（ターゲット）{
    VARのキュー=のdocument.getElementById（ターゲット）
    VAR DashDiv = Cue.getElementsByClassName（ "dashDiv"）[0];
    VAR DashSpan = Cue.getElementsByClassName（ "dashSpan"）[0];
    VAR成功= Cue.getElementsByClassName（ "成功"）[0];   
    DashSpan.onclick =関数（）{
        toggleClass（DashDiv、 "dashDivSelectd"）;
    }
}

//调用
ヒント（ "キュー"）。
ヒント（ "CUE1"）;


</ SCRIPT>