要求:在本文檔中的題目下作答,提交本word文檔即可。
新一輪的挑戰(zhàn)開始啦~
在導(dǎo)航部位新添加一個照片墻超鏈接(見圖一),點(diǎn)擊進(jìn)入新頁面(見圖二)。大家要多加嘗試練習(xí),讓你的頁面更加豐富炫目。做一個照片墻來回憶一下度過的美好時光。
任務(wù):在空白處補(bǔ)全代碼,將照片列表中喜歡的照片拖放到心形當(dāng)中,并且可以再次拖回照片列表,打造出一個完美的照片墻。
(圖一)
(圖二)
<div class="img" ondragover="allowDrop(event)" ondrop="drop(event)">
<img id="drag1" draggable="true" ondragstart="drag(event)" src="img/img-1.jpg">
……此處省略N行代碼……
</div>
<div class="heart">
<div class="heart-item" ondragover="allowDrop(event)" ondrop="drop(event)"></div>
<div class="heart-item fir-mar" ondragover="allowDrop(event)" ondrop="drop(event)"></div>
……此處省略N行代碼……
</div>
<script type="text/javascript">
function drag(ev){
}
function allowDrop(ev){
ev.preventDefault();
}
function drop(ev){
}
</script>
1.請?jiān)诘谝惶帣M線上補(bǔ)充drag(ev)方法中的代碼。
2.請?jiān)诘诙帣M線上補(bǔ)充drop(ev)方法中的代碼。
奧鵬,國開,廣開,電大在線,各省平臺,新疆一體化等平臺學(xué)習(xí)
詳情請咨詢QQ : 3230981406或微信:aopopenfd777