为什么我的JS代码做不出弹窗效果
我的主页是一张图片<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Frameset//EN"><html><head><metahttp-e...
我的主页是一张图片
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/register.js"></script>
</head>
<body>
<div><img src="images/1.jpg" alt="头像选择" id="faceimg"/></div>
</body>
</html>
我想点击这张图片之后就能弹出注册框
JS代码中有这一段，不应该能做出效果吗
$('#faceimg').click(function () {
$('.layer_bg').css('opacity',0.7).fadeIn();
$('.layer_item').animate({ 'height': objH, 'marginTop': -objH / 2 },500);
});
layer += '<li><span>密码回答 ：</span><input type="text" class="layer_txt" placeholder="选填" name="passd" /></textarea></li>';
layer += '</form></ul>';
layer += '<div class="layer_btn"><input type="button" id="ressub" class="layer_submit_btn" value="提交" /></div>';
layer += '</div>';
但效果是这样的 展开
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/register.js"></script>
</head>
<body>
<div><img src="images/1.jpg" alt="头像选择" id="faceimg"/></div>
</body>
</html>
我想点击这张图片之后就能弹出注册框
JS代码中有这一段，不应该能做出效果吗
$('#faceimg').click(function () {
$('.layer_bg').css('opacity',0.7).fadeIn();
$('.layer_item').animate({ 'height': objH, 'marginTop': -objH / 2 },500);
});
layer += '<li><span>密码回答 ：</span><input type="text" class="layer_txt" placeholder="选填" name="passd" /></textarea></li>';
layer += '</form></ul>';
layer += '<div class="layer_btn"><input type="button" id="ressub" class="layer_submit_btn" value="提交" /></div>';
layer += '</div>';
但效果是这样的 展开
展开全部
因为alert方法阻塞了代码继续向下执行,
所以你会看到效果,否则以现在的CPU的速度,
还没等你的层显示出来,就已经执行到将其隐藏的代码了.
所以你没看到层显示又消失的效果.
所以你会看到效果,否则以现在的CPU的速度,
还没等你的层显示出来,就已经执行到将其隐藏的代码了.
所以你没看到层显示又消失的效果.
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
