js控制图片的轮播
这段时间学习js,遇到了一个问题,就是滚轮控制图片的轮播,今天就来详解一下这个问题,希望遇到这个问题的朋友对你有所帮助。话不多说,直接上代码。。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#box{
width: 1000px;
height: 550px;
background-color: tomato;
}
#img{
width: 100%;
height: 100%;
}
</style>
<script>
window.onload=function(){
var cont=0;
var one =document.getElementById("box");
var img=document.getElementById("img");
one.onwheel=function(){
if(event.wheelDelta<0&&co