Effect:
The code is as follows:
<! DOCTYPEhtml>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Optimized seamless rotation map</title>
<style>
body{-webkit-user-select: none; }
ul.li{
list-style: none;
}
#outer{
width: 400px;
height: 300px;
position: relative;
margin: 50px auto;
overflow: hidden;
cursor: pointer;
}
#inner{
width: 2000px;
height: 300px;
position: absolute;
left:0;
}
#inner div{
width: 400px;
height: 300px;
float: left;
}
#ulHead{
position: absolute;
top: 250px;
Copy the code