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

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

这是演示脚本的demo page

添加淡入淡出，淡出淡淡的光 - javascript / css

1 个答案: