Question

可能重复：
Fade HTML element with raw javascript

任何人都知道Javascript技巧吗？其实我不想让任何其他图书馆这样做..

Answer 1

不确定，但此代码应该有帮助

document.getElementById('ELEMENT-ID').style.opacity = 0.4;
document.getElementById('ELEMENT-ID').style.filter = "alpha(opacity=40)";

您可以使用

getElementsByTagName("div")或getElementsByClassName("CLASS-NAME")可以提前过滤。

干杯！

Answer 2

你不想褪色的是什么？

如果是获得点击的那个，让我们想象一下：

<div id="container">
   <ul>
       <li>Item 1</li>
       <li>Item 2</li>
       <li>Item 3</li>
       <li>Item 4</li>
       <li>Item 5</li>
   </ul>
</div>

您已将click事件与所有li元素联系起来

$("#container li").click(function() { });

你可以这么简单：

$("#container li").click(function() { 
    $("#container li").not(this).fadeIn();
});

直播示例with opacity

没有任何框架可以帮助你，你最终会编写很多代码......

例如，您可以看到，只有挂钩onDomReady才是这个答案中非常糟糕的代码

javascript domready?

而且最糟糕的是，所有这些，是你需要为每个浏览器版本编写代码，因为有这么多的引擎和相同的代码永远不会对它们全部起作用，最大的问题是：

你真的想要没有jQuery 吗？

除了没有jQuery的容器外，如何淡化容器中的所有div？

2 个答案: