誰(shuí)寫了里面的css的代碼啊啊。。。拿出來(lái)分享一下啊。。。。自己不想敲。。。。
2017-09-05
$(document).ready(function() {
var div1=$('#div1');
div1.mouseover(function(){
if(!div1.is(":animated")){//當(dāng)前沒(méi)有動(dòng)畫則添加動(dòng)畫
div1.animate({left:"0px"},"slow");
}
});
div1.mouseout(function(){
div1.animate({left:"-200px"},"slow");
});
});
寫了一個(gè)jQuery的版本的,但是有bug,有些時(shí)候移入鼠標(biāo)不會(huì)有效果,還望大神賜教。
var div1=$('#div1');
div1.mouseover(function(){
if(!div1.is(":animated")){//當(dāng)前沒(méi)有動(dòng)畫則添加動(dòng)畫
div1.animate({left:"0px"},"slow");
}
});
div1.mouseout(function(){
div1.animate({left:"-200px"},"slow");
});
});
寫了一個(gè)jQuery的版本的,但是有bug,有些時(shí)候移入鼠標(biāo)不會(huì)有效果,還望大神賜教。
2017-09-03
也不知道我的評(píng)論會(huì)不會(huì)被看到.這個(gè)老師的代碼有個(gè)bug.
timer=setInterval(function()
{
if(oDiv.offsetLeft==0)
{
clearInterval(timer);
}
else{ oDiv.style.left=oDiv.offsetLeft+10+'px';}
},300)
如果對(duì)象的寬度不是200這種整數(shù),就沒(méi)有辦法正好減到0.那就會(huì)一直無(wú)限增加下去.
所以這樣
if(This.offsetLeft>=0){This.style.left='0';clearInterval(timer); };
timer=setInterval(function()
{
if(oDiv.offsetLeft==0)
{
clearInterval(timer);
}
else{ oDiv.style.left=oDiv.offsetLeft+10+'px';}
},300)
如果對(duì)象的寬度不是200這種整數(shù),就沒(méi)有辦法正好減到0.那就會(huì)一直無(wú)限增加下去.
所以這樣
if(This.offsetLeft>=0){This.style.left='0';clearInterval(timer); };
2017-09-01
說(shuō)一點(diǎn),offsetleft和left都是指距離左邊的距離,但offsetleft是只讀的,并且返回的是數(shù)字,如果要修改,就只能通過(guò)
style.left的方式.就醬
style.left的方式.就醬
2017-09-01
我遇到的坑:if(flag){clearInterval(obj.timer);if(fn){fn()}} 應(yīng)該放在定時(shí)器內(nèi),json的for遍歷后;切記不要把這個(gè)判斷放在for循環(huán)內(nèi),老師的代碼的問(wèn)題是 定時(shí)器一直在開啟,但因?yàn)閟peed最后為0,所以對(duì)效果不會(huì)有影響,但對(duì)鏈?zhǔn)竭\(yùn)動(dòng)有影響,只會(huì)執(zhí)行一個(gè)運(yùn)動(dòng)。
2017-08-23
雖然我也感覺(jué)到了@Fstar的問(wèn)題,但是我實(shí)踐后,發(fā)現(xiàn)老師的代碼沒(méi)有問(wèn)題,把flag定義在定時(shí)器內(nèi),沒(méi)有達(dá)到想要的效果。沒(méi)有經(jīng)過(guò)實(shí)踐就得出結(jié)論,這個(gè)世界不是你以為的就是你以為的,你成功地坑了一片人。。。
2017-08-23