這節(jié)視頻有很多有意思的點(diǎn):
1. 老師使用了element.offsetLeft屬性,如果不使用這個(gè)屬性,會(huì)需要增加好幾行代碼來實(shí)現(xiàn)。
2. 不僅可以使用setInterval(),還可以使用setTimeout()或requestAnimationFrame()函數(shù)來達(dá)到目的。
3. 老師的代碼中的結(jié)束條件存在bug,當(dāng)target的值不是speed的整數(shù)倍時(shí),動(dòng)畫不會(huì)停止。
4. 即使正確設(shè)置了speed和target的值,返回觸發(fā)鼠標(biāo)事件,動(dòng)畫也可能用于不會(huì)停止。在開始狀態(tài)和目標(biāo)狀態(tài)間閃來閃去。
1. 老師使用了element.offsetLeft屬性,如果不使用這個(gè)屬性,會(huì)需要增加好幾行代碼來實(shí)現(xiàn)。
2. 不僅可以使用setInterval(),還可以使用setTimeout()或requestAnimationFrame()函數(shù)來達(dá)到目的。
3. 老師的代碼中的結(jié)束條件存在bug,當(dāng)target的值不是speed的整數(shù)倍時(shí),動(dòng)畫不會(huì)停止。
4. 即使正確設(shè)置了speed和target的值,返回觸發(fā)鼠標(biāo)事件,動(dòng)畫也可能用于不會(huì)停止。在開始狀態(tài)和目標(biāo)狀態(tài)間閃來閃去。
2017-05-30
這是我自己寫的完整demo,有需要的朋友可以去看一下http://pan.baidu.com/s/1qYhSS1Y
2017-05-29
這幾個(gè)小節(jié)教會(huì)了我這個(gè)渣渣一個(gè)到道理:框架就是,把相同的操作放在一起,把不同的操作也用 if else 放在一起,然后你就在外面隨意調(diào)用就行了。
2017-05-10
1.offsetWidth屬性可以返回對(duì)象的padding+border+width屬性值之和,style.width返回值就是定義的width屬性值。
2.offsetWidth屬性僅是可讀屬性,而style.width是可讀寫的。
3.offsetWidth屬性返回值是整數(shù),而style.width的返回值是字符串。
4.style.width僅能返回以style方式定義的內(nèi)部樣式表的width屬性值。
原文地址是:http://www.51texiao.cn/javascriptjiaocheng/2015/0427/222.html
2.offsetWidth屬性僅是可讀屬性,而style.width是可讀寫的。
3.offsetWidth屬性返回值是整數(shù),而style.width的返回值是字符串。
4.style.width僅能返回以style方式定義的內(nèi)部樣式表的width屬性值。
原文地址是:http://www.51texiao.cn/javascriptjiaocheng/2015/0427/222.html
就因?yàn)槲野?<script type="text/javascript">寫成了<script type="javascript"> 找了好久的bug 低級(jí)錯(cuò)誤啊
2017-05-08