当一个元素滑过它时,我必须让一个p
元素在单击按钮时消失。div
如果p
元素已经不可见并且div
已经在它上面,那么在单击按钮时p
应该变回可见但在 1 秒后div
滑出它。
第一部分工作正常,在第二种情况下,setTimeout 函数不能工作在 的可见性属性上使用p
。
这是代码:
function slide_wiki(){
var wiki=document.getElementById('wiki_bar');
var p_vita=document.getElementById('vita');
var width=wiki.style.width;
slide(wiki, 100);
if(width!='0%'){
setTimeout(function(){p_vita.style.visibility='visible'}, 1000);
wiki.style.borderRight='1px solid #E0E0E0';
}else{
p_vita.style.visibility='hidden';
setTimeout(function(){
wiki.style.borderRight='0px solid white';
}, 900);
}
}
我按照建议创建了一个 jsFiddle,但由于某种原因,幻灯片功能根本不起作用,仍然需要 css 和 javascript,所以无论如何它应该有所帮助。 http://jsfiddle.net/bigcola317/GRs3V/5/