別忘了引用Jquery插件
<script type="text/javascript" src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
<script type="text/javascript" src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
2018-03-21
放不出音樂的基本是路徑問題吧...
可以裝個(gè)wamp,然后把工程放到www文件夾下,然后引用音樂文件的時(shí)候不一定要引用網(wǎng)址路徑的音樂,也可以使用本地音樂,注意路徑指向
然后打開index.html文件的時(shí)候注意不要直接雙擊,要運(yùn)行http://127.0.0.1:8020/index.html
不然會(huì)出現(xiàn)GET file:///D:/%E4%B8%83%E5%A4%95%E8%A8%80%E6%83%85_2/music/happy.wav net::ERR_FILE_NOT_FOUND之類的錯(cuò)誤。。。
可以裝個(gè)wamp,然后把工程放到www文件夾下,然后引用音樂文件的時(shí)候不一定要引用網(wǎng)址路徑的音樂,也可以使用本地音樂,注意路徑指向
然后打開index.html文件的時(shí)候注意不要直接雙擊,要運(yùn)行http://127.0.0.1:8020/index.html
不然會(huì)出現(xiàn)GET file:///D:/%E4%B8%83%E5%A4%95%E8%A8%80%E6%83%85_2/music/happy.wav net::ERR_FILE_NOT_FOUND之類的錯(cuò)誤。。。
2018-03-09
謝謝老師,幸苦了!然后跟大家分享一下我的原生js代碼
效果網(wǎng)站https://gavin-pirate.github.io/Qixi/
源碼網(wǎng)址https://github.com/Gavin-Pirate/Qixi
最后歡迎大家一起學(xué)習(xí)討論
效果網(wǎng)站https://gavin-pirate.github.io/Qixi/
源碼網(wǎng)址https://github.com/Gavin-Pirate/Qixi
最后歡迎大家一起學(xué)習(xí)討論
2018-02-25
謝謝老師,幸苦了!然后跟大家分享一下我的原生js代碼
效果網(wǎng)站https://gavin-pirate.github.io/Qixi/
源碼網(wǎng)址https://github.com/Gavin-Pirate/Qixi
最后歡迎大家一起學(xué)習(xí)討論
效果網(wǎng)站https://gavin-pirate.github.io/Qixi/
源碼網(wǎng)址https://github.com/Gavin-Pirate/Qixi
最后歡迎大家一起學(xué)習(xí)討論
2018-02-25
關(guān)于暫停會(huì)漂移的問題, 嘗試用css()在里面添加過渡效果,具體邏輯理解了解下相關(guān)方法使用說明吧!:
//開始
$("button:first").click(function(){
$boy.addClass("slowWalk").css({
"left" : $("#content").width() + "px",
"transition" : "all 10s linear"
});
$boy.removeClass("pauseWalk");
})
//開始
$("button:first").click(function(){
$boy.addClass("slowWalk").css({
"left" : $("#content").width() + "px",
"transition" : "all 10s linear"
});
$boy.removeClass("pauseWalk");
})
2018-01-24
$("#mydiv").on(animationEnd,function(){
console.log('動(dòng)畫結(jié)束');//監(jiān)聽到該動(dòng)畫完成以后,才會(huì)調(diào)用回調(diào)函數(shù)。
})
首先,這里的webkitAnimationEnd和animationend就是一個(gè)像click一樣的事件!
而且,匿名自執(zhí)行函數(shù)根據(jù)瀏覽器的不同,已經(jīng)把事件返給了變量animationEnd。animationEnd這個(gè)變量已經(jīng)被替換為了'webkitAnimationEnd'事件名稱(判斷的結(jié)果)。
最后,一旦div的動(dòng)畫結(jié)束,'webkitAnimationEnd'事件就會(huì)被觸發(fā),也就會(huì)執(zhí)行回調(diào)函數(shù)了。
console.log('動(dòng)畫結(jié)束');//監(jiān)聽到該動(dòng)畫完成以后,才會(huì)調(diào)用回調(diào)函數(shù)。
})
首先,這里的webkitAnimationEnd和animationend就是一個(gè)像click一樣的事件!
而且,匿名自執(zhí)行函數(shù)根據(jù)瀏覽器的不同,已經(jīng)把事件返給了變量animationEnd。animationEnd這個(gè)變量已經(jīng)被替換為了'webkitAnimationEnd'事件名稱(判斷的結(jié)果)。
最后,一旦div的動(dòng)畫結(jié)束,'webkitAnimationEnd'事件就會(huì)被觸發(fā),也就會(huì)執(zhí)行回調(diào)函數(shù)了。
2018-01-15