今天完成的事情

继续看了jquery

开始做任务二，先写静态页面，实现了页面跳转

明天计划的事情

继续任务

遇到的问题

回调函数没太理解

收获

1.slideDown() 方法用于向下滑动元素。

slideUp() 方法用于向上滑动元素。

slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换

2.animate() 方法用于创建自定义动画。

animate() - 使用队列功能

<script> 

$(document).ready(function(){

  $("button").click(function(){

    var div=$("div");

    div.animate({height:'300px',opacity:'0.4'},"slow");

    div.animate({width:'300px',opacity:'0.8'},"slow");

    div.animate({height:'100px',opacity:'0.4'},"slow");

    div.animate({width:'100px',opacity:'0.8'},"slow");

  });

});

</script>

3.jQuery 方法链接,允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。

<script>

$(document).ready(function()

  {

  $("button").click(function(){

    $("#p1").css("color","red").slideUp(2000).slideDown(2000);

  });

});

</script>

4.添加新的 HTML 内容

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

任务十二总结

成果链接：https://bradmatt213.github.io/xudanli-her/html/task12.html

耗时：8.30-9.1 3天

官网脑图：

个人脑图：

任务总结：1.用less重写之前任务，主要是熟悉less操作，规范化自己的代码

                   2.还是css布局，列表及盒模型，觉得还是弹性布局方便一点

                   3.position的三种定位