小编Chy*_*oll的帖子

使用下一步按钮的 z-Index 幻灯片放映

所以我必须编写一个按钮,使用 z-index 转到幻灯片中的下一张图片。我很难让它工作,我觉得我做错了什么。它的计数必须为 0, 1, 2, 0, 1, 2

 <!DOCTYPE html>
<html lang = "en">
<head>
<title>Lab 5, Part 1</title>
<meta charset = "utf-8"/>
<script type = "text/javascript">
function Next() {
document.getElementById('anime1').style.zIndex = 0;
document.getElementById('anime2').style.zIndex = 1;
document.getElementById('anime3').style.zIndex = 2;
}
</script>
<style type = "text/css">
.anime1 {position: absolute;
top: 150px; left: 250px; z-index: 10;}
.anime2 {position: absolute; 
top: 200px; left: 300px; z-index: 15;}
.anime3 {position: absolute; 
top: 250px; left: 350px; z-index: 20;}
</style>
</head>
<body>
<h1 style= "text-align: center">Lab …
Run Code Online (Sandbox Code Playgroud)

javascript z-index button

0
推荐指数
1
解决办法
442
查看次数

标签 统计

button ×1

javascript ×1

z-index ×1