图片轮播效果
图片是网图,话不多说,直接上代码:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="box">
<div id="img">
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1602241114256&di=c8d6b3d0a8d125f2ccd5d08a1ae4ef56&imgtype=0&src=http%3A%2F%2Fgss0.baidu.com%2F-fo3dSag_xI4khGko9WTAnF6hhy%2Fzhidao%2Fpic%2Fitem%2Ffc1f4134970a304e53aea32bdbc8a786c8175c56.jpg" alt="">
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1602241158054&di=e0b7b4a97afe68c3bb3cdd5963052f70&imgtype=0&src=http%3A%2F%2Fimgup04.wdsj2.com%2Fwdsj2%2F2019-07%2F16%2F12%2F15632509587253_0.jpg" alt="">
<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1097141853,1956229949&fm=26&gp=0.jpg" alt="">
</div>