奥鹏作业答案-谋学网

 找回密码
 会员注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

VIP会员,3年作业免费下 !奥鹏作业,奥鹏毕业论文检测新手作业下载教程,充值问题没有找到答案,请在此处留言!
2020年07月最新全国统考资料投诉建议,加盟合作!点击这里给我发消息 点击这里给我发消息
奥鹏课程积分软件(ver:3.1)
查看: 19|回复: 3

[东北师范大学] 20春《HTML5开发基础与应用》离线作业2(答案参考)

[复制链接]
发表于 5 天前 | 显示全部楼层 |阅读模式
谋学网
要求:在本文档中的题目下作答,提交本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">
<divclass="heart-item" ondragover="allowDrop(event)" ondrop="drop(event)"></div>
<divclass="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)方法中的代码。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?会员注册

x
奥鹏作业答案,奥鹏在线作业答案
发表于 5 天前 | 显示全部楼层
奥鹏作业答案,奥鹏在线作业答案
回复 支持 反对

使用道具 举报

发表于 5 天前 | 显示全部楼层
奥鹏作业答案,奥鹏在线作业答案
回复 支持 反对

使用道具 举报

发表于 5 天前 | 显示全部楼层
奥鹏作业答案,奥鹏在线作业答案
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

投诉建议
 
 
客服一
客服二
客服三
客服四
点这里给我发消息
点这里给我发消息
谋学网奥鹏同学群2
微信客服扫一扫
快速回复 返回顶部 返回列表