可能重复:
Fade HTML element with raw javascript如何淡化容器中的所有div,除了没有jQuery的容器?
任何一个知道的Javascript伎俩要做到这一点? 其实我不希望任何其他库做到这一点..
可能重复:
Fade HTML element with raw javascript如何淡化容器中的所有div,除了没有jQuery的容器?
任何一个知道的Javascript伎俩要做到这一点? 其实我不希望任何其他库做到这一点..
不知道,但这个码应该帮助你的
document.getElementById('ELEMENT-ID').style.opacity = 0.4;
document.getElementById('ELEMENT-ID').style.filter = "alpha(opacity=40)";
您可以使用
getElementsByTagName("div")
或getElementsByClassName("CLASS-NAME")
过滤领先。
干杯!
你不想褪色的是什么?
,如果它是有一个点击的人,让我们想象一下:
<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
是这个答案有很多可怕的代码
而且最糟糕的是这一切的,就是你需要编写代码,以每个浏览器版本,因为有这么多的发动机和相同的鳕鱼电子将永远不会在所有这些工作,最大的问题是:
你真的想去没有jQuery?
* [...]没有jQuery * – 2012-01-14 10:26:23
阅读答案... – balexandre 2012-01-14 10:29:40
只要你提供原因为什么应该使用jQuery,没关系。但是当我写我的评论时,你没有。尽管我认为准备好DOM并不是一个争论。你总是可以把你的代码放在'body'的末尾,这对大多数情况都是足够的。正如你可能在链接为重复的问题中所看到的那样,编写自己的简单淡入淡出脚本实际上并不困难(尽管它可能不是X浏览器兼容的)。当然,jQuery在这方面提供了更多的功能。 – 2012-01-14 10:34:18
显示至少你目前的html结构,并显示你可能已尝试到目前为止... – 2012-01-14 10:13:30