100分，帮忙写一个JS效果。
先上图：效果如下：点击右上角的关闭按钮，可以关闭这个图，。有几个要求：1、必须自己写代码，不能去网络搬代码。2、鼠标放到关闭图片上，会显示关闭这两个字，就如图片中的tit...
先上图：效果如下：
点击右上角的关闭按钮，可以关闭这个图，。
有几个要求：1、必须自己写代码，不能去网络搬代码。2、鼠标放到关闭图片上，会显示关闭这两个字，就如图片中的title效果。3、为了公平起见，符合我说的效果的，谁的发布时间早，就采纳谁的。
附件在此：
图片以及关闭按钮素材我已经放在附件里了，你直接写代码就可以了。 展开
点击右上角的关闭按钮，可以关闭这个图，。
有几个要求：1、必须自己写代码，不能去网络搬代码。2、鼠标放到关闭图片上，会显示关闭这两个字，就如图片中的title效果。3、为了公平起见，符合我说的效果的，谁的发布时间早，就采纳谁的。
附件在此：
图片以及关闭按钮素材我已经放在附件里了，你直接写代码就可以了。 展开
3个回答
展开全部
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#main{
background:url("main.jpg") no-repeat;
width:600px;
height:54px;
}
#close{
display:block;
width:41px;
height:15px;
background:url("close.jpg") no-repeat;
float:right;
cursor:pointer;
text-indent:-999px;
}
</style>
</head>
<body>
<div id="main">
<span title="关闭" id="close" onclick="this.parentNode.style.display='none'">关闭</span>
</div>
</body>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
#cont {
position: relative;
}
#close {
display: none;
}
#cont:hover #close {
display: block;
position: absolute;
top: 0;
right: 0;
background: #000 url('close.png');
width: 20px;
height: 10px;
}
#cont img {
vertical-align: top;
}
</style>
<a id="cont">
<img src="img.png" />
<span id="close"></span>
</a>
<script>
document.getElementById('close').onclick = function () {
var cont = document.getElementById('cont');
cont.parentNode.removeChild(cont);
};
</script>
加上图片之后再试试
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码在里面，顺便加了一个图片。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
