21春《HTML5开发基础与应用》离线作业2

bb20920d · 发表于 2021-8-15 09:43:14

要求：在本文档中的题目下作答，提交本word文档即可。
新一轮的挑战开始啦~
在导航部位新添加一个照片墙超链接（见图一），点击进入新页面（见图二）。大家要多加尝试练习，让你的页面更加丰富炫目。做一个照片墙来回忆一下度过的美好时光。
任务：在空白处补全代码，将照片列表中喜欢的照片拖放到心形当中，并且可以再次拖回照片列表，打造出一个完美的照片墙。
（图一）

（图二）

<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)方法中的代码。

wjssa12 · 发表于 2022-3-13 04:04:40

新疆电大形考作业可以做吗？

21春《HTML5开发基础与应用》离线作业2

本帖子中包含更多资源

天涯海角也要找到Ni：21春《HTML5开发基础与应用》离线作业2

相关帖子

QQ微信同步：1144766066。

服务

网站

战略合作