javascript - 添加淡入淡出到昏暗的光线 - javascript/css

Question

您好，我正在寻找“Dim Lights”功能淡入和/或淡出的答案。下面是一些编码；

<!--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作为其工作原理的示例以及回答我的问题所需的任何其他编码细节。

感谢您花时间查看此问题。

干杯，

杰森。

Answer 1

这是一个tutorial关于如何使用 flash 和 jquery 调暗灯光按钮。

这是 demo page演示脚本