東師22春《HTML5開發(fā)基礎(chǔ)與應(yīng)用》離線作業(yè)2【資料答案】

可做奧鵬全部院校在線離線作業(yè)畢業(yè)論文QQ:3230981406 微信:aopopenfd777

發(fā)布時間:2022-08-14 18:27:45來源:admin瀏覽: 78 次

要求:在本文檔中的題目下作答,提交本word文檔即可。

新一輪的挑戰(zhàn)開始啦~

在導航部位新添加一個照片墻超鏈接(見圖一),點擊進入新頁面(見圖二)。大家要多加嘗試練習,讓你的頁面更加豐富炫目。做一個照片墻來回憶一下度過的美好時光。

任務(wù):在空白處補全代碼,將照片列表中喜歡的照片拖放到心形當中,并且可以再次拖回照片列表,打造出一個完美的照片墻。

(圖一)


(圖二)



<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.請在第一處橫線上補充drag(ev)方法中的代碼。

2.請在第二處橫線上補充drop(ev)方法中的代碼。



奧鵬,國開,廣開,電大在線,各省平臺,新疆一體化等平臺學習
詳情請咨詢QQ : 3230981406或微信:aopopenfd777


作業(yè)咨詢 論文咨詢
微信客服掃一掃

回到頂部