东师 HTML5开发基础与应用带答案Word文件下载.docx
- 文档编号:17235297
- 上传时间:2022-11-29
- 格式:DOCX
- 页数:24
- 大小:344.18KB
东师 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
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 东师 HTML5开发基础与应用带答案 HTML5 开发 基础 应用 答案
![提示](https://static.bdocx.com/images/bang_tan.gif)