Effect:

The code is as follows:

<! DOCTYPEhtml>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Shuffling figure</title>
    <style>
        ul.li{
            list-style: none;
        }
        #outer{
            width: 400px;
            height: 300px;
            position: relative;
            margin: 50px auto;
            overflow: hidden;
        }
        #inner{
            width: 2000px;
            height: 300px;
            position: absolute;
            left:0;
            overflow: auto;
        }
        #inner div{
            width: 400px;
            height: 300px;
            float: left;
        }
        #ulHead{
            position: absolute;
            top: 250px;
            right: 20px;
        }
        #ulHead li{
      
Copy the code