HTML
<ul>
<li class="first"><a href="#">Intro</a></li>
<li><a href="#">Crew</a></li>
</ul>
CSS
.page-popup {
z-index:500;
position:absolute;
left:345px;
background:#fff;
width:680px;
height:325px;
top:175px;
display:none;
}
JavaScript:
$('.first').click(function() {
var onOff=false;
if (onOff=false) {
$('.page-popup').fadeIn('slow', function() {
// Animation complete
});
onOff = true;
} else {
$('.page-popup').fadeOut('slow', function() {
});
onOff = false;
}
});
我正在尝试创建一个打开关闭弹出效果。当他们点击链接时,弹出窗口淡入,当我再次点击链接时,弹出窗口淡出。
*更新。我已经弄清楚如何让它工作了。我必须声明:
var onOff=false;
在页面加载时而不是在执行 onclick 时,否则它总是重置它......当然使用 == 进行比较:)
最佳答案
您的条件不正确 if (onOff=false)
。应该是 if (onOff==false)
希望这对你有用。
关于Javascript 弹出和关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9241632/