js弹出图片怎么写?网页一打开就弹出一张照片的那种!

 我来答
微醺落尘1
2017-09-25 · 超过22用户采纳过TA的回答
知道答主
回答量:87
采纳率:100%
帮助的人:30.4万
展开全部

没明白你的意思。我写的你看看能用就采用

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>    </title>
</head>
<style>
.img{
position: fixed;
z-index: 10;
top:50%;
left: 50%;
margin-top: -200px;
margin-left: -200px;
}
#close{
position: absolute;
left: 10px;
top: 5px;

}
body{
background-color: #333;
}
</style>

<body>
<div class="mask"></div>
<div class="img">
<span id="close">关闭</span>
<img src="dd.png" alt="">
</div>
</body>
<script>
var mask = document.getElementById('close');
var img = document.getElementsByTagName('img')[0];
mask.onclick=function(){
img.style.display = "none";
this.style.display = "none";
}
</script>
</html>

没明白你的意思。我想的是打开页面的时候就是一个弹窗状态,当我点击关闭后弹窗图片消失。我中间的白色“找不到服务器”是图片

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式