很多網(wǎng)站上都有輪播圖，但卻很難找到一個(gè)系統(tǒng)講解的，因此這里做一個(gè)簡(jiǎn)單的介紹，希望大家都能有所收獲，如果有哪些不正確的地方，希望大家可以指出。

　

原理：

　　將一些圖片在一行中平鋪，然后計(jì)算偏移量再利用定時(shí)器實(shí)現(xiàn)定時(shí)輪播。

 

步驟一：建立html基本布局

如下所示：

萬(wàn)碼學(xué)堂,電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),Java培訓(xùn),JavaEE開(kāi)發(fā)培訓(xùn),青島軟件培訓(xùn),軟件工程師培訓(xùn)

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>輪播圖</title>
</head>
<body>
    <div class="container">
        <div class="wrap" style="left:-600px;">
            <img src="./img/5.jpg" alt="">
            <img src="./img/1.jpg" alt="">
            <img src="./img/2.jpg" alt="">
            <img src="./img/3.jpg" alt="">
            <img src="./img/4.jpg" alt="">
            <img src="./img/5.jpg" alt="">
           &nb