有3个DIV和3个按钮，首先3个DIV全部显示，点击按钮，对应DIV显示到指定位置
有4个DIV和4个按钮，首先DIV全部显示，点击按钮，对应DIV显示到指定位置，原来位置对应的DIV隐藏，其他的依然显示...
有4个DIV和4个按钮，首先DIV全部显示，点击按钮，对应DIV显示到指定位置，原来位置对应的DIV隐藏，其他的依然显示
展开
3个回答
展开全部
参考代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>div方块移动</title>
<style>
.div1{
width: 200px;
height: 200px;
background-color: gray;
box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
margin-left: 0px;
-webkit-transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
}
</style>
</head>
<body>
<div class="div1">
点击我
</div>
<script>
const div = document.getElementsByTagName("div")[0];
div.addEventListener("click",()=>{
div.style.marginLeft = "200px";
});
</script>
</body>
</html>
效果：
点击之后
代码我放到了Github服务器上，下面是链接：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
写了个小案例给你，css样式按自己需求写，有疑惑再问我（测试前请加载jquery文件）
html如下：
<div class="title">
<a href="#" id="t1_1">按钮1</a>
<a href="#" id="t1_2">按钮2</a>
<a href="#" id="t1_3">按钮3</a>
</div>
<div class="main">
<div id="m1_1">box1</div>
<div id="m1_2">box2</div>
<div id="m1_3">box3</div>
</div>
jquery如下：
$(".title a" ).click(function(){
var id = $(this).attr('id');
var no = id.slice(1);
$(".main").find('div').hide();
$('#m'+no).show();
return false;
});
追问
你这个是要用jquery几呢？？
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你用div把布局做好之后.然后给div添加点击事件..百度就有,打开或者隐藏.
追问
我是js菜鸟 来段代码看下呢？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
