使用CSS樣式與jQuery分步驟實現搶車位動畫效果
CSS樣式定位車圖片位置
1、在style.css文件中的11行,輸入下面代碼:
position: absolute;
2、在style.css文件中的12行,輸入下面代碼:
top: 0;
3、在style.css文件中的13行,輸入下面代碼:
left:720px;
用jQuery代碼讓車動起來
1、在script.js文件中的3行,輸入下面代碼:
$(".car").animate({left:'0px'},{duration:300});
2、在script.js文件中的5行,輸入下面代碼:
$(".car").animate({left:'720px'},{duration:300});
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報