这是我的javascript代码:
window.onload = function () {
function hideAds() {
setTimeout(hide, 2000);
}
function hide() {
var ads = document.querySelector(".ads");
ads.style.marginTop = (-ads.offsetHeight) + "px";
}
function reveal() {
ads.style.marginTop = "";
hideAds();
}
var ads = document.querySelector(".ads");
ads.addEventListener("click", reveal, true);
hideAds();
}
从这段代码开始,除了“ads.addEventListener”之后的第二行,一切正常。是什么原因?我在这里做错了什么..?
我需要通过点击添加了div的广告类来调用我的显示功能。
任何人帮助我?
答案 0 :(得分:0)
您提供的代码应该按原样运行。 jsFiddle
但是我很想重新考虑你的代码。
HTML
<div class="ads">Blah blah blah</div>
的Javascript
function setMarginTop(element, marginTop) {
element.style.marginTop = marginTop || null;
}
function hideAds(element, marginTop, ms) {
setTimeout(function() {
setMarginTop(element, marginTop);
}, ms || 2000);
}
window.addEventListener('load', function () {
var ads = document.querySelector('.ads'),
hide = (-ads.offsetHeight) + 'px';
hideAds(ads, hide);
ads.addEventListener('click', function (evt) {
var target = evt.target;
setMarginTop(target)
hideAds(target, hide);
}, false);
}, false);
上