东师22春《HTML5开发基础与应用》离线作业2【资料答案】

可做奥鹏全部院校在线离线作业毕业论文QQ:3230981406 微信:aopopenfd777

发布时间:2022-08-14 18:27:45来源:admin浏览: 78 次

要求:在本文档中的题目下作答,提交本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)方法中的代码。



奥鹏,国开,广开,电大在线,各省平台,新疆一体化等平台学习
详情请咨询QQ : 3230981406或微信:aopopenfd777


作业咨询 论文咨询
微信客服扫一扫

回到顶部