一、是源代码可以复制粘贴直接看效果,点击每个导航栏目,body的背景颜色都将是导航条的背景颜色,会出现滑动的效果。
二、这个实现的关键是,如何让背景,回到body中,这个target值如何设置。,在每次的背景变化中,注意背景在整个documeng文档中什么是不变的。缓动动画的原理都知道是 var leader=leader+(target-leader)/10;
<!DOCTYPE html>
<html><head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
ul,ol {
list-style-type: none;
}
* {margin:0;padding:0;}
html,body {
width: 100%;
height: 100%;
}
#ul {
width: 100%;
height: 100%;
}
ul li{
width: 100%;
height: 100%;