跨平台故事讲述

  • V1_134734
    了解作者
  • 68.2KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-18 05:05
    上传日期
跨平台故事讲述
cross-platform-storytelling-master.zip
  • cross-platform-storytelling-master
  • assets
  • apostrophe.png
    4.7KB
  • period.png
    4.5KB
  • colon.png
    4.9KB
  • arrow.png
    20.3KB
  • quotation-mark.png
    4.9KB
  • semicolon.png
    5.2KB
  • question-mark.png
    5.4KB
  • back-arrow.jpg
    22.9KB
  • comma.png
    4.7KB
  • exclamation-point.png
    5.3KB
  • index.html
    7.8KB
  • question-mark.css
    3.6KB
  • exclamation-point.html
    2.4KB
  • drag-drop.js
    2.4KB
  • question-mark.html
    3.1KB
  • style.css
    4KB
内容介绍
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Cross Platform Storytelling</title> <link rel="stylesheet" href="style.css" /> <script src="drag-drop.js"></script> </head> <body> <div class="container"> <div class="navbar"> <ul> <li> <a href="question-mark.html" rel='nofollow' onclick='return false;'><span class="question">?</span></a> </li> <li> <a href="exclamation-point.html" rel='nofollow' onclick='return false;'><span class="exclamation">!</span></a > </li> <li> <a href="semicolon.html" rel='nofollow' onclick='return false;'> <span class="semicolon">;</span></a> </li> <li> <a href="comma.html" rel='nofollow' onclick='return false;'><span class="comma">,</span></a> </li> <li> <a href="index.html" rel='nofollow' onclick='return false;'><span class="punctuation">On Punctuation</span></a > </li> <li> <a href="period.html" rel='nofollow' onclick='return false;'><span class="period">.</span></a> </li> <li> <a href="apostrophe.html" rel='nofollow' onclick='return false;'> <span class="apostrophe">'</span></a> </li> <li> <a href="quotation.html" rel='nofollow' onclick='return false;'> <span class="quotation">"</span></a> </li> <li> <a href="colon.html" rel='nofollow' onclick='return false;'> <span class="colon">:</span></a> </li> </ul> </div> <div class="drag-drop"> <h2 class="drag"> Drag and drop the punctuation to the category you think it belongs! </h2> <!-- drag and drop question mark --> <!-- <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"> <img src="assets/question-mark.png" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31" /> </div> <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div> --> <!-- drag and drop exclamation point --> <!-- <div id="div3" ondrop="drop2(event)" ondragover="allowDrop2(event)"> <img src="assets/exclamation-point.png" draggable="true" ondragstart="drag2(event)" id="drag2" width="88" height="31" /> </div> <div id="div4" ondrop="drop(event)" ondragover="allowDrop(event)"></div> --> <!-- drag and drop comma --> <!-- <div id="div5" ondrop="drop3(event)" ondragover="allowDrop3(event)"> <img src="assets/exclamation-point.png" draggable="true" ondragstart="drag3(event)" id="drag3" width="88" height="31" /> </div> <div id="div6" ondrop="drop3(event)" ondragover="allowDrop3(event)" ></div> --> </div> <main class="grid"> <div class="grid-box"> <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"> <img src="assets/question-mark.png" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31" /> </div> </div> <div class="grid-box"> <div id="div3" ondrop="drop2(event)" ondragover="allowDrop2(event)"> <img src="assets/exclamation-point.png" draggable="true" ondragstart="drag2(event)" id="drag2" width="88" height="31" /> </div> </div> <div class="grid-box"> <div id="div5" ondrop="drop3(event)" ondragover="allowDrop3(event)"> <img src="assets/period.png" draggable="true" ondragstart="drag3(event)" id="drag3" width="88" height="31" /> </div> </div> <div class="grid-box"> <div id="div7" ondrop="drop4(event)" ondragover="allowDrop4(event)"> <img src="assets/quotation-mark.png" draggable="true" ondragstart="drag4(event)" id="drag4" width="88" height="31" /> </div> </div> <div class="grid-box"> <div id="div9" ondrop="drop5(event)" ondragover="allowDrop5(event)"> <img src="assets/apostrophe.png" draggable="true" ondragstart="drag5(event)" id="drag5" width="88" height="31" /> </div> </div> <div class="grid-box"> <div id="div11" ondrop="drop6(event)" ondragover="allowDrop6(event)"> <img src="assets/comma.png" draggable="true" ondragstart="drag6(event)" id="drag6" width="88" height="31" /> </div> </div> <div class="grid-box"> <div id="div13" ondrop="drop7(event)" ondragover="allowDrop7(event)"> <img src="assets/colon.png" draggable="true" ondragstart="drag7(event)" id="drag7" width="88" height="31" /> </div> </div> <div class="grid-box"> <div id="div15" ondrop="drop8(event)" ondragover="allowDrop8(event)"> <img src="assets/semicolon.png" draggable="true" ondragstart="drag8(event)" id="drag8" width="88" height="31" /> </div> </div> </main> <main class="grid2"> <div id="div8" ondrop="drop4(event)" ondragover="allowDrop4(event)" ></div> <div id="div10" ondrop="drop5(event)" ondragover="allowDrop5(event)" ></div> <div id="div12" ondrop="drop6(event)" ondragover="allowDrop6(event)" ></div> <div id="div14" ondrop="drop7(event)" ondragover="allowDrop7(event)" ></div> <div id="div16" ondrop="drop8(event)" ondragover="allowDrop8(event)" ></div> </main> <main class="grid3"> <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div> <div id="div4" ondrop="drop(event)" ondragover="allowDrop(event)"></div> <div id="div6" ondrop="drop3(event)" ondragover="allowDrop3(event)" ></div> </main> <div class="box"> <h1 class="uninteresting"> <span class="uninteresting-punctuation" >Uninteresting Punctuation</span> </h1> <h1 class="vs">vs</h1> <h1 class="interesting"> <span class="interesting-punctuation">Interesting Punctuation</span> </h1> </div> </div> </body> </html>
评论
    相关推荐
    • 事项:跨平台libc
      事项:跨平台libc
    • dbg跨平台诊断工具
      dbg是一款跨平台诊断和调试工具,支持MingGw等编译器。在程序崩溃的情况下可以打印出dump文件
    • 跨平台工具的cmake
      跨平台工具的cmake
    • 跨平台
      公司业务平台 满足您在业务十字路口的成功 技术运用 WEB API 休息 储存库模式 依赖注入 实体框架 数据传输对象(DTO) 自动贴图 中介 二手包装 Microsoft.EntityFrameworkCore Microsoft.EntityFrameworkCore....
    • 跨平台实时写日志
      1、日志文件大小、个数自定义; 2、自动创建相对与绝对路径; 3、实时写文件,方便查看; 4、跨平台VS2008、gcc-5.4下警告级别最高,没有任何警告。
    • 跨平台的播放器
      跨平台的播放器跨平台的播放器跨平台的播放器
    • 跨平台账户管理
      实现不同账户之间的切换管理,跟单一键平仓,止盈和止损。
    • 跨平台WEB播放器
      一个跨平台的播放器,支持RTMP,HLS,MP4的直播和点播
    • 重新思考跨平台
      重新思考跨平台
    • GaussDB_100_1.0.1-DATABASE-REDHAT-64bit.tar.gz
      guassdb100在redhat上安装包,单机部署的包,安装步骤请看我的文中介绍,经过大量实验搭建总结出来的文档