东师 HTML5开发基础与应用带答案Word文件下载.docx

东师 HTML5开发基础与应用带答案Word文件下载.docx

《东师 HTML5开发基础与应用带答案Word文件下载.docx》由会员分享，可在线阅读，更多相关《东师 HTML5开发基础与应用带答案Word文件下载.docx（24页珍藏版）》请在冰豆网上搜索。

>

imgid="

drag1"

draggable="

true"

ondragstart="

drag（event）"

src="

img/img-1.jpg"

……此处省略N行代码……

/div>

<

heart"

heart-item"

heart-itemfir-mar"

scripttype="

text/javascript"

functiondrag（ev）{

ev.dataTransfer.setData（“Text”,ev.target.id）;

ev.preventDefault（）;

}

functionallowDrop（ev）{

ev.preventDefault（）;

functiondrop（ev）{

vardata=ev.dataTransfer.getData（“Text”）;

ev.target.appendChild（document.getElementById（data））;

/script>

1.请在第一处横线上补充drag（ev）方法中的代码。

2.请在第二处横线上补充drop（ev）方法中的代码。

首页代码

（1）

!

DOCTYPEhtml>

html>

head>

title>

Page1<

/title>

metahttp-equiv="

X-UA-Compatible"

content="

IE=edge"

/>

content-type"

text/html;

charset=utf-8"

linkhref="

resources/css/axure_rp_page.css"

type="

text/css"

rel="

stylesheet"

data/styles.css"

files/page_1/styles.css"

scriptsrc="

resources/scripts/jquery-3.2.1.min.js"

resources/scripts/axure/axQuery.js"

resources/scripts/axure/globals.js"

resources/scripts/axutils.js"

resources/scripts/axure/annotation.js"

resources/scripts/axure/axQuery.std.js"

resources/scripts/axure/doc.js"

resources/scripts/messagecenter.js"

resources/scripts/axure/events.js"

resources/scripts/axure/recording.js"

resources/scripts/axure/action.js"

resources/scripts/axure/expr.js"

resources/scripts/axure/geometry.js"

resources/scripts/axure/flyout.js"

resources/scripts/axure/model.js"

resources/scripts/axure/repeater.js"

resources/scripts/axure/sto.js"

resources/scripts/axure/utils.temp.js"

resources/scripts/axure/variables.js"

resources/scripts/axure/drag.js"

resources/scripts/axure/move.js"

resources/scripts/axure/visibility.js"

resources/scripts/axure/style.js"

resources/scripts/axure/adaptive.js"

resources/scripts/axure/tree.js"

resources/scripts/axure/init.temp.js"

resources/scripts/axure/legacy.js"

resources/scripts/axure/viewer.js"

resources/scripts/axure/math.js"

resources/scripts/axure/jquery.nicescroll.min.js"

data/document.js"

files/page_1/data.js"

$axure.utils.getTransparentGifPath=function（）{return'

resources/images/transparent.gif'

;

};

$axure.utils.getOtherPath=function（）{return'

resources/Other.html'

$axure.utils.getReloadPath=function（）{return'

resources/reload.html'

/head>

body>

divid="

base"

class="

"

--Unnamed（矩形）-->

u0"

ax_defaultbox_1"

u0_div"

u0_text"

text"

p>

span>

我的摄影相片<

/span>

/p>

u1"

u1_div"

u1_text"

这是我们的导航区域<

u2"

u2_div"

u2_text"

这是侧边<

区域<

u3"

u3_div"

u3_text"

这是我们主要内容区域<

u4"

u4_div"

u4_text"

这是我们的低部区域<

resources/scripts/axure/ios.js"

/body>

/html>

运行之后图

（1）

相片代码

（2）

页面1<

files/页面_1/styles.css"

files/页面_1/data.js"

style="

display:

none;

visibility:

hidden"

u5"

u5_div"

u5_text"

u6"

u6_div"

u6_text"

u7"

u7_div"

u7_text"

u8"

u8_div"

u8_text"

u9"

u9_div"

u9_text"

u10"

u10_div"

u10_text"

u11"

u11_div"

u11_text"

u12"

u12_div"

u12_text"

visib