フェードインを追加して、暗い光にフェードアウトする - javascript/css

Question

こんにちは、「暗いライト」機能のフェードインとアウト、またはアウトの答えを探しています。以下にいくつかのコーディングを示します。

<!--HEAD--> 

<script type="text/javascript" src="js/embeddedcontent.js" defer="defer"></script> 
<script type="text/javascript"> 
    var dimmed = 0; 
    function toggleLights() 
    { 
    var dimmer = document.getElementById("dimmer"); 
    if(dimmed == 0) dimmed = 1; 
    else dimmed = 0; 

    if(dimmed == 1) 
    { 
     dimmer.style.opacity = 1.0; 
     dimmer.style.visibility = "visible"; 
    } 

    if(dimmed == 0) 
    { 
     dimmer.style.opacity = 0.0; 
     dimmer.style.visibility = "hidden"; 
    } 
    } 
    </script> 
<style type="text/css"> 
    .aboveDimmer 
    { 
    position:relative; 
    z-index: 301; 
    } 
    #dimmer 
    { 
    position:fixed; 
    left:0; 
    top:0; 
    width:100%; 
    height:100%; 
    float:left; 
    z-index: 300; 
    visibility:hidden; 
    background-color:#000000; 
    } 
    </style> 

<!--BODY--> 

    <div id="dimmer" onclick="toggleLights()"></div> 
    Click to<a href="javascript:toggleLights();"><b> Dim the Lights</b></a> 

あなたはそれがどのように動作するかの例と、私の質問に答えるために必要なコーディングの他の詳細としてhttp://www.ittookamiracle.ca/'11daniel.htmを訪問する場合があり、それによりですが。

ありがとうございました。

乾杯、

Jason。

Answer 1

ここでは、フラッシュとjqueryを使用してライトボタンを暗くする方法についてはtutorialです。

これはスクリプト