像我這樣的小菜鳥(niǎo)沒(méi)人告訴我用css能實(shí)現(xiàn)我恐怕要等到很久之后才知道了
2017-01-23
var alpha = 30;
function startMove(iTarget){
clearInterval(timer);
var oCB = document.getElementById("color_block");
var speed = 0;
if(alpha > iTarget){
speed = -10;
}else{
speed = 10; }
實(shí)在是無(wú)法理解這段代碼。var alpha=30,if(alpha > iTarget),iTarget是30的時(shí)候?yàn)閒alse,執(zhí)行else,是100的時(shí)候也是false 執(zhí)行else
function startMove(iTarget){
clearInterval(timer);
var oCB = document.getElementById("color_block");
var speed = 0;
if(alpha > iTarget){
speed = -10;
}else{
speed = 10; }
實(shí)在是無(wú)法理解這段代碼。var alpha=30,if(alpha > iTarget),iTarget是30的時(shí)候?yàn)閒alse,執(zhí)行else,是100的時(shí)候也是false 執(zhí)行else
2017-01-18
在這里會(huì)出現(xiàn)兩個(gè)BUG 第一個(gè)肯定是不能執(zhí)行回調(diào)涵數(shù)。只要把flag=true放到那個(gè)setInterval定時(shí)器里面。才可以判斷是否執(zhí)行完。
第2個(gè)就是當(dāng)鼠標(biāo)移動(dòng)的時(shí)候會(huì)出現(xiàn)多次執(zhí)行涵數(shù),只要鼠標(biāo)小小的動(dòng)一下就會(huì)執(zhí)行動(dòng)畫。只要把onmouseover 改成onmouseenter就可以了。這樣兩個(gè)BUG就都解決了
第2個(gè)就是當(dāng)鼠標(biāo)移動(dòng)的時(shí)候會(huì)出現(xiàn)多次執(zhí)行涵數(shù),只要鼠標(biāo)小小的動(dòng)一下就會(huì)執(zhí)行動(dòng)畫。只要把onmouseover 改成onmouseenter就可以了。這樣兩個(gè)BUG就都解決了
2017-01-14
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.clientWidth;
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬);
之所以能用clientWidth代替offsetWidth是因?yàn)椋?br /> clientWidth: 獲取的是對(duì)象可見(jiàn)內(nèi)容的寬度,不包括滾動(dòng)條,不包括邊框;
具體詳情:【傳送門】http://idcbgp.cn/learn/608
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬);
之所以能用clientWidth代替offsetWidth是因?yàn)椋?br /> clientWidth: 獲取的是對(duì)象可見(jiàn)內(nèi)容的寬度,不包括滾動(dòng)條,不包括邊框;
具體詳情:【傳送門】http://idcbgp.cn/learn/608
當(dāng)你知道這些效果可以用CSS來(lái)簡(jiǎn)短幾行就能完成時(shí),你就會(huì)知道JS的書寫邏輯給JS初學(xué)者帶來(lái)多大的困擾。CSS3也逐漸在新加一些動(dòng)畫屬性,比如transition,animation。我很同意某位的觀點(diǎn),技術(shù)日新月異,尤其是前端。就像這節(jié)內(nèi)容中,現(xiàn)在極少數(shù)人再用filter:alpha給IE添加透明度效果了。該淘汰的就得淘汰,該變就得變。CSS+JS都得學(xué),學(xué)更多的就是為了開(kāi)闊思路。有余力,則學(xué)文。
2017-01-13
看來(lái)真的只有我一個(gè)人發(fā)現(xiàn),老師最終示例的圖,文字不是斜體的,也就是說(shuō)老師P標(biāo)簽沒(méi)有放在I標(biāo)簽內(nèi),這也就解釋了,我在鼠標(biāo)經(jīng)過(guò)時(shí),圖片和文字一起事件了,而老師的卻只有圖片事件了!那么問(wèn)題來(lái)了,老師這節(jié)展示出來(lái)的代碼一定是不對(duì)的。
2017-01-11