奥鹏答案网-奥鹏作业答案-奥鹏在线作业答案-奥鹏离线作业答案-奥鹏毕业论文-专业奥鹏作业答案辅导网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 192|回复: 0

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

[复制链接]

2万

主题

2万

帖子

6万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
64471
发表于 2021-4-8 15:35:49 | 显示全部楼层 |阅读模式

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

(图二)


<div class="img">
<img id="drag1" draggable="true" src="img/img-1.jpg">
……此处省略N行代码……
</div>
<div class="heart">
<div class="heart-item"></div>
<div class="heart-item fir-mar"></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)方法中的代码。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 价格公开

  • 优质服务

  • 专属客服

  • 信息开放

  • 担保交易

 
 
客服一号
客服二号
客服三号
客服四号
点击这里给我发消息
官方微信扫一扫
快速回复 返回顶部 返回列表