我有以下功能,当触发时会使DIV变为半透明.
function changeOpacity(el) {
var elem = document.getElementById(el);
elem.style.transition = "opacity 0.5s linear 0s";
elem.style.opacity = 0.5;
}
但是,我希望此功能可以同时应用于多个DIV.我尝试给每个DIV相同的类名,然后使用getElementsByClassName但无法弄清楚如何实现它.
会querySelectorAll更合适,如果让我将如何实现呢？
我创建了一个只在Fireworks中播放过一次的动画gif.
我把它放在网页上:http://www.mediaworks.co.uk/content-marketing/hollywood-survival/index.html
但如果您在Chrome或Firefox中刷新页面,则gif不会再次播放.
我的代码是:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hollywood vs the Great Outdoors</title>
<style>
#case_1 {position:absolute;top:0px;left:0px;z-index:50;}
</style>
</head>
<body>
<div id="case_1"><img src="dvd_open_1.gif" /></div>
</body>
</html>
有人可以帮忙吗？亲切的问候格雷格
我正在尝试在div中设置一个图像,该图像将在5秒内缓慢出现(不透明度从0到1).我有这个代码:
.fadeDivIn {
opacity: 1;
transition: opacity 5s ease-in;
-moz-transition: opacity 5s ease-in;
-webkit-transition: opacity 5s ease-in;
-o-transition: opacity 5s ease-in;
}
但我无法弄清楚如何自动触发它.
我一直在使用CSS3关键帧转换到其他元素,理想情况下应用类似于不透明度的东西,但是已经碰到了一堵砖墙.有人可以帮忙吗？