视频
视频链接
代码:
代码中插入的tools.js代码链接:
JS基础-定时器的应用-尚硅谷-P131-133
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#outer{
width: 520px;
height: 333px;
margin: 50px auto;
background-color: greenyellow;
padding: 10px 0;
position: relative;
/* 裁剪溢出的内容*/
overflow: hidden;
}
#imgList{
list-style: none;
width: 2100px;
position: absolute;
/* 每向左移动520 就会显示下一张 */
left: 0px;
}
#imgList li{
/* 设置浮动 */
float: left;
margin: 0 10px;
}
/* 设置导航按钮 */
#navDiv{
position: absolute;/*开启绝对定位*/
/* 设置位置 */
bottom: 15px;
}
#navDiv a{
float: left;
/*设置超链接的宽和高*/
width: 15px;
height: 15px;
background-color: #FF0000;
margin: 0 5px;
opacity: 0.5;
fill-opacity:</