jquery如何弹出一个新的页面？
8个回答
展开全部
使用window.open("新页面地址"); 这样就弹出一个新页面了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你要怎样触发弹窗事件？
<script type=”text/javascript”>
$(document).ready(function(){
$(“a”).attr(“target”, “_blank”);
});
</script>
<script type=”text/javascript”>
$(document).ready(function(){
$(“a”).attr(“target”, “_blank”);
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{margin:0;padding:0;}
.box{max-width: 640px;margin:0 auto;background-color: #f0f0f0;min-height:600px;position: relative;}
.mask{background-color:#f40;width:300px;height:200px;position: fixed;top:20%;left:50%;margin-left: -150px;z-index: 30;display: none;}
.shadow{background-color: rgba(0,0,0,0.5);width: 100%;height: 120%;position: fixed;top:0;left: 0;z-index: 15;display: none;}
</style>
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#item1").click(function(){
$(".shadow").show().height($(window).height());
$(".mask").show();
});
$("#item2").click(function(){
$(".shadow,.mask").hide();
});
})
</script>
</head>
<body>
<div class="box">
<input type="button" value="item1" id="item1"/>
<div class="mask" >
<input type="button" value="item2" id="item2"/>
</div>
<p class="shadow"></p>
</div>
</body>
</html>
这是弹出层的方法
如果是要用jq控制链接跳转的话，可以用a标签，jq控制a标签的href，也是很简单的效果
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{margin:0;padding:0;}
.box{max-width: 640px;margin:0 auto;background-color: #f0f0f0;min-height:600px;position: relative;}
.mask{background-color:#f40;width:300px;height:200px;position: fixed;top:20%;left:50%;margin-left: -150px;z-index: 30;display: none;}
.shadow{background-color: rgba(0,0,0,0.5);width: 100%;height: 120%;position: fixed;top:0;left: 0;z-index: 15;display: none;}
</style>
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#item1").click(function(){
$(".shadow").show().height($(window).height());
$(".mask").show();
});
$("#item2").click(function(){
$(".shadow,.mask").hide();
});
})
</script>
</head>
<body>
<div class="box">
<input type="button" value="item1" id="item1"/>
<div class="mask" >
<input type="button" value="item2" id="item2"/>
</div>
<p class="shadow"></p>
</div>
</body>
</html>
这是弹出层的方法
如果是要用jq控制链接跳转的话，可以用a标签，jq控制a标签的href，也是很简单的效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（6）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
