[东北师范大学]19秋《HTML5开发基础与应用》离线作业2

奥鹏在线作业

要求：在本文档中的题目下作答，提交本word文档即可。
3 J4 j& J9 |( ]9 a0 z新一轮的挑战开始啦~
; H3 _) Y. A4 f' P5 ]在导航部位新添加一个照片墙超链接（见图一），点击进入新页面（见图二）。大家要多加尝试练习，让你的页面更加丰富炫目。做一个照片墙来回忆一下度过的美好时光。
  r- i! g7 E# k4 @1 F! ^* E* y任务：在空白处补全代码，将照片列表中喜欢的照片拖放到心形当中，并且可以再次拖回照片列表，打造出一个完美的照片墙。
（图一）

（图二）
) @, o  l% B2 S- z. d8 \

0 v8 s9 S7 L6 |# B, t<div class="img" ondragover="allowDrop(event)" ondrop="drop(event)">
<img id="drag1" draggable="true" ondragstart="drag(event)" src="img/img-1.jpg">
……此处省略N行代码……
</div>
; N& Q. a+ [0 j5 H# y <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>
0 t, e' I7 _: {/ r3 e! W……此处省略N行代码……
/ Q. e% `& m% I</div>
6 r( A5 [/ Z' j1 e<script type="text/javascript">
) U2 w; p. ?& c, Z5 D4 g    function drag(ev){
                                    
3 B3 q! O4 @* F' o    }
& I# Y3 r: s" y1 I% f1 J    function allowDrop(ev){
5 q! m/ r: [8 k$ ?# m      ev.preventDefault();
0 A" [2 r6 [- T2 `2 ]7 [$ N* i    }
    function drop(ev){
                                   
    }
/ M# n0 K& s1 @( D3 y" l/ |$ a) P  </script>
0 T$ J9 J. _" o5 Y" Q
2 [! V9 Z9 J! u0 z! ?7 K1.请在第一处横线上补充drag(ev)方法中的代码。
* T) @% v2 J+ [+ }$ z, i+ j  X* W2.请在第二处横线上补充drop(ev)方法中的代码。

asdfasd120

同学推荐的

ajaxkfpjq9

谋学网老师确实厉害！

ghfb1193ci

同学介绍，不错