JS怎么把B图片隐藏在A图片里的C图里,点击C图后B图会展开或者弹出,然后可以在这张图片选择连接?

就用这个图做。... 就用这个图做。 展开
 我来答
匿名用户
推荐于2017-10-03
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS</title>
<style>
#a{
background:#ff0000;
  position:relative;
width:200px;
height:200px;
}
#b{
display:none;
width:200px;
height:200px;
background:#ff6000;
position:absolute;
top:0px;
left:0px;
}
#c{
width:50px;
height:50px;
position:absolute;
right:0px;
bottom:0px;
}
#c a{
display:block;
width:50px;
height:50px;
background:#0080ff;

}
</style>

<script>
function show_b(){
  document.getElementById('b').style.display="block";
}
</script>
</head>
<body>
<div id="a">
<div id="b"><a href="#">这里是连接</a></div>
<div id="c"><a href="javascript:show_b();"></a></div>
</div>
</body>
</html>
追问
如果要是PS出来的图片  background 颜色写什么属性?
追答

添加一个图片的url,

如:background:url(image/tupian.jpg);

或者你可以直接在相关的标签内部添加<img>标签

匿名用户
2014-07-08
展开全部
A图和B图是重叠的,鼠标移动点击C图的时候,B图就到上面来
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式