如何开始将 welcome.png
设置为 opacity 0
并在单击按钮 (id= "c1") 时慢慢淡入到 opacity 100?
<img id = "welcome" src="img/welcome.png"></img>
<a class="Btn" id= "c1" onclick="javascript:document.getElementById('var').value='a_';mkr(this)">Button1</a>
我尝试添加以下内容。但是没有用。
<a class="Btn" id= "c1" onclick="javascript:document.getElementById('var').value='a_';mkr(this); javascript:document.getElementById('welcome').className = 'opac';">Button1</a1
.opac {
opacity:1;
filter:alpha(opacity=100);
}
最佳答案
不需要 JQuery(有些人可能会说 JQuery 不够用 :D )。这应该足以满足您的需求。
<img id = "welcome" src="img/welcome.png" />
<a class="Btn" id= "c1" onclick="document.getElementById('welcome').className = 'opac';">Button1</a>
CSS:
#welcome { opacity:0; transition: opacity 1s; }
.opac{opacity: 1 !important;}
演示:(适用于 chrome,未在其他浏览器中测试)
http://jsfiddle.net/zKkun/
关于javascript - 开始 0 不透明度和 onClick 设置不透明度为 100,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25054885/