要求如下:
1、每秒钟图片自动轮播
2、当鼠标移动到01 02 ……07元素上时,播放对应的图片和及相关元素,鼠标移开,从当前位置继续轮播。
可能按钮位置不太对,如果需要使用,调节一下即可
记得改变图片名称哦
源码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div {
text-align: center;
}
#d2 {
position: absolute;
top: 50%;
left: 38%;
font-size: 20px;
}
#ul1{
list-style: none;
}
li {
display: none;
font-size: 30px;
}
#li1 {
display: block;
}
img {
width: 30%;
height: 30%;
}
button {
background-color: bisque;
}
</style>
</head>
<body>
<div id="d1">
<ul id="ul1" data-interval="">
<li><img src="../img/1.jpg"><br>哈喽,牢友</li>
<li><img src="../i