<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<meta name="viewport" content="width=640,user-scalable=no" />
<link href="css/index.css" rel="stylesheet" />
<script src="js/index.js"></script>
</head>
<body>
<script>
document.body.style.height=view().h+"px";
</script>
<section class="page pageShow" id="welcome">
<div class="tree">
<img src="img/tree.jpg" />
<div class="welcome2">
<img src="img/title.png" />
<span class="shake"></span>
</div>
<img src="img/title2.png" class="tree3" />
<span class="cloud"></span>
<span class="cloud"></span>
<span class="cloud"></span>
</div>
<h1 id="logo">
<img src="img/logo.png" />
</h1>
</section>
<script>
fnLoad();
</script>
<section class="page" id="over">
<div class="tree">
<img src="img/tree.jpg" />
<div class="welcome2">
<img src="img/tranks2.png" />
</div>
<span class="cloud"></span>
<span class="cloud"></span>
<span class="cloud"></span>
</div>
<input type="button" value="重新评价" class="btn submit" />
</section>
<section class="page" id="form">
<section class="tags" id="formTag">
<h2>给视频添加标签</h2>
<label>
<input type="radio" name="tags2" value="服务好" />
<span>服务好</span>
</label>
<label>
<input type="radio" name="tags2" value="景色赞" />
<span>景色赞</span>
</label>
<label>
<input type="radio" name="tags2" value="千篇一律" />
<span>千篇一律</span>
</label>
<label>
<input type="radio" name="tags2" value="看人海" />
<span>看人海</span>
</label>
<label>
<input type="radio" name="tags2" value="挤爆了" />
<span>挤爆了</span>
</label>
<label>
<input type="radio" name="tags2" value="服务好" />
<span>服务好</span>
</label>
<label>
<input type="radio" name="tags2" value="景色赞" />
<span>景色赞</span>
</label>
<label>
<input type="radio" name="tags2" value="千篇一律" />
<span>千篇一律</span>
</label>
<label>
<input type="radio" name="tags2" value="看人海" />
<span>看人海</span>
</label>
<label>
<input type="radio" name="tags2" value="挤爆了" />
<span>挤爆了</span>
</label>
</section>
<textarea class="formText" placeholder="（选填：说点什么呢~~）" rows="5"></textarea>
<input type="tel" class="formText" placeholder="（选填：说点什么呢~~）"/>
<input type="button" value="上传" class="btn" />
</section>
<section class="page" id="news">
<img src="img/news.png" />
<h2>请上传旅游投诉以及突发事件线索</h2>
<section class="file">
<label>
<input type="file" />
<span>导入视频</span>
</label>
<label>
<input type="file" />
<span>上传照片</span>
</label>
</section>
<p class="info"></p>
</section>
<section class="page" id="mask"></section>
<section class="page pageShow" id="index">
<section class="scrollWrap">
<section id="tabPic">
<ul id="picList">
<li><img src="img/1.jpg" /></li>
<li><img src="img/2.jpg" /></li>
<li><img src="img/3.jpg" /></li>
<li><img src="img/4.jpg" /></li>
<li><img src="img/5.jpg" /></li>
</ul>
<section class="picMask">
<p>成都九寨沟景区</p>
<nav>
<a href="javascript:;" class="active"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
</nav>
</section>
</section>
<!--<a href="javascript:;" class="newsBtn">
<em>新闻线索</em>
<span></span>
<span></span>
<span></span>
</a>-->
<a href="javascript:;" class="newsBtn">新闻线索</a>
<section id="score">
<h2>给景区评分</h2>
<ul class="scoreList">
<li>
<span>综合印象</span>
<nav>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
</nav>
<input type="hidden" value="0" />
</li>
<li>
<span>服务指数</span>
<nav>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
</nav>
<input type="hidden" value="0" />
</li>
<li>
<span>消费指数</span>
<nav>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
<a href="javascript:;"></a>
</nav>
<input type="hidden" value="0" />
</li>
</ul>
</section>
<section class="tags" id="indexTag">
<h2>给景区添加标签</h2>
<label>
<input type="radio" name="tags" value="服务好" />
<span>服务好</span>
</label>
<label>
<input type="radio" name="tags" value="景色赞" />
<span>景色赞</span>
</label>
<label>
<input type="radio" name="tags" value="千篇一律" />
<span>千篇一律</span>
</label>
<label>
<input type="radio" name="tags" value="看人海" />
<span>看人海</span>
</label>
<label>
<input type="radio" name="tags" value="挤爆了" />
<span>挤爆了</span>
</label>
<label>
<input type="radio" name="tags" value="服务好" />
<span>服务好</span>
</label>
<label>
<input type="radio" name="tags" value="景色赞" />
<span>景色赞</span>
</label>
<label>
<input type="radio" name="tags" value="千篇一律" />
<span>千篇一律</span>
</label>
<label>
<input type="radio" name="tags" value="看人海" />
<span>看人海</span>
</label>
<label>
<input type="radio" name="tags" value="挤爆了" />
<span>挤爆了</span>
</label>
</section>
<p class="info"></p>
<input type="button" value="提交" class="btn submit" />
</section>
</section>
</body>
</html>
HTML5移动端实战源码
1星 需积分: 48 102 浏览量
2017-10-02
20:34:48
上传
评论 5
收藏 510KB RAR 举报 
移动端实战系列视频教程课件.rar （21个子文件） 
移动端实战系列视频教程课件 js 
index.js 7KB css index.css 9KB
index.html 8KB img 
4.jpg 11KB tree.jpg 123KB
formBg.png 257KB camera1.png 3KB title2.png 25KB title.png 18KB mask.png 10KB news.png 32KB 3.jpg 13KB logo.png 6KB tranks2.png 11KB 1.jpg 14KB star.png 3KB camera2.png 4KB shake.png 15KB 2.jpg 13KB cloud.png 2KB 5.jpg 6KB资源评论
8499583282018-03-16完全没用，就是骗积分的
打打地方是
- 粉丝: 2
- 资源: 6
