使页面分区可单击以移动

时间:2018-09-12 23:54:44

标签: html css

我有几个部分堆叠的分区,需要使用鼠标使其可单击,然后单击时,我需要将该分区移到堆栈的顶部。我不确定如何执行此操作。请没有Java语言。谢谢!

编辑:如果唯一可行的方法是JavaScript,您将如何做?谢谢!

到目前为止,这是我的代码:

<html>
<head>
<style type="text/css">
.Start {background-color:green; 
width:300px;
height:300px;
position:relative;
}
.Middle {background-color:black; 
width:300px;
height:300px;
position:relative;
top:100px;
left:100px;
z-index=1;
}
</style>
</head>
<body>
<div class="Start"></div>
<div class="Middle"></div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

请注意,标准HTML页面是静态的,这意味着HTML文件中的所有代码都决定了网站的结构/内容。每次加载该页面时,其结构/内容都将相同。

您将需要JavaScript,因为它是使您的网站与浏览器进行通信并监视事件(例如单击,鼠标移动,按键等)的唯一语言,该列表会继续存在。如果您需要访问这些事件,则可以使用JavaScript。