4、滑屏轮播——加transition版
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,user-scalable=no" />
<title>滑屏轮播——加transition版</title>
<!--
需要掌握知识点:
1、加入transition过渡
2、左右移动未做限制,现超出会报错;
-->
<style id="css">
body{
margin: 0;
}
#wrap{
overflow: hidden;
position: relative;
}
#list{
margin: 0;
padding: 0;
list-style: none;
}
#list li{
float: left;
}
#list img{
width: 100%;
display: block;
}
#nav{