《JavaScriptDOM编程艺术》读后感7:动画方法moveElement()

 2016-06-19 11:42

在书本知识的第9章中,我们接触到了JavaScript的动画。它将通过setTimeout()方法,将元素进行了规定时间里面的位移。

书中从浅到深,开始是通过实例形式给我们讲解了一个比较简单的moveMessage()函数,它将元素在规定时间里沿“右下”方向进行了位移。然后,我们有对这个函数进行了改进。将原有的固定ID变成了可选择性的elementId,将原有的固定left,right值改变成可设置的final_x,final_y,将10秒的时间转变成了可设置的时间interval。这样,这个函数就可以不单单为了某一个方式来做,它还可以通过改变其属性转化成多个变化方式。

20160619120237.jpg

大家也可以通过查看我的github.com地址来观察相应变化。也正如书中说的那样,如果你认为可以不写死的东西,都可以通过另外一种模式来让它做出更大的变化。


《JavaScriptDOM编程艺术》读后感:

  1. 初次接触JavaScriptDOM的感觉
  2. 第六章,一个常规事件的逻辑
  3. 3个方法来改变DOM结构树
  4. 在元素前后插入元素
  5. 培养function的逻辑思维
  6. 细说下getNextElement函数
  7. 动画方法moveElement()
  8. 实战中的global.js
  9. 整站练习(附源文件)
作者头像

作者:紫铜炉

自由博主,网页设计师。我关注科技产品和个人博客发展,注重用户体验和界面优化。

 发表评论: