问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

H5效果求教

头像
码农小余
    28832949
    javascripthtml5
    阅读 3.2k
    1 个回答
    得票最新
    头像
    Liber
      6541718

      启动加载 是不是这个效果 再不行百度webcopy去整个搞下来 粗暴点直接用TeleportUltra 我一般用这个 整下来 慢慢研究 哈哈

      
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript">
    document.write('<meta name="viewport" content="width=640, minimum-scale = '+window.screen.width/640+', maximum-scale = '+window.screen.width/640+', target-densitydpi=device-dpi">');
</script>
<meta name="msapplication-tap-highlight" content="no">
<style>
body{margin:0px; /*overflow:hidden;*/ background-color:#000}
.abs{position:absolute}
.fix{position:fixed}
.pt{ font-size:30px; color:#F36;background-color:transparent; border-color:transparent;}
</style>
<title></title>
<script src="http://sakura2016.spcc.mobi/js/jquery-1.11.1.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="http://sakura2016.spcc.mobi/js/share.js"></script>
<script src="http://sakura2016.spcc.mobi/js/three.70.js"></script>
<script src="http://sakura2016.spcc.mobi/js/in3d.js"></script>
<script src="http://sakura2016.spcc.mobi/js/minified/TweenMax.min.js"></script>
<script src="http://sakura2016.spcc.mobi/js/minified/plugins/EndArrayPlugin.min.js"></script>
<script src="http://sakura2016.spcc.mobi/js/easeljs-0.8.2.min.js"></script>
<script src="http://sakura2016.spcc.mobi/js/tweenjs-0.6.1.min.js"></script>
<script src="http://sakura2016.spcc.mobi/js/preloadjs-0.6.1.min.js"></script>
<script src="http://sakura2016.spcc.mobi/js/soundjs-0.6.1.min.js"></script>
<script src="http://sakura2016.spcc.mobi/s0.js"></script>
<script src="http://sakura2016.spcc.mobi/s1.js"></script>
<script src="http://sakura2016.spcc.mobi/s2.js"></script>
<script src="http://sakura2016.spcc.mobi/s3.js"></script>
<script src="http://sakura2016.spcc.mobi/s4.js"></script>
<script src="http://sakura2016.spcc.mobi/s5.js"></script>
<script src="http://sakura2016.spcc.mobi/s6.js"></script>
<script src="http://sakura2016.spcc.mobi/js/main.js"></script>
</head>
<body>
<img id="p2_bg" class="abs" src="http://sakura2016.spcc.mobi/img/p2_bg.jpg" width="640" height="1040" style="opacity:0; display:none"/>
<img id="p3_bg" class="abs" src="http://sakura2016.spcc.mobi/img/p3_bg.jpg" width="640" height="1040" style="opacity:0; display:none"/>
<img id="p4_bg" class="abs" src="http://sakura2016.spcc.mobi/img/p4_bg.jpg" width="640" height="1040" style="opacity:0; display:none"/>
<img id="p5_bg" class="abs" src="http://sakura2016.spcc.mobi/img/p5_bg.jpg" width="640" height="1040" style="opacity:0; display:none" />
<img id="p6_bg" class="abs" src="http://sakura2016.spcc.mobi/img/p6_bg.jpg" width="640" height="1040" style="opacity:0; display:none" />
<canvas id="canv3d" class="abs" width="640" height="1040" style="top:0px; left:0px; opacity:0"></canvas>
<div id="canv" class="abs">
</div>
<div id="ubox" class="abs" style="top:0px; left:0px; display:none">
<input id="un" class="abs pt" width="50px" height="30px" style="top: 176px; left: 245px;">
<input id="ph" class="abs pt" width="50px" height="30px" type="tel" style="top: 252px; left: 245px;">
</div>
<div id="auBtn" class="abs" style="left:20px; top:30px; width:55px; height:55px; display:none; background-image:url(img/auImg.png); background-position:0px 0px"></div>
<div id="md" class="abs" style=" display:none;">
<img src="http://sakura2016.spcc.mobi/img/md0.jpg" width="640" height="1450" />
</div>
<img id="mdClo" class="fix" src="http://sakura2016.spcc.mobi/img/xx.png" style="top:20px; left:580px; display:none;" width="43" height="43" />
<audio id="bgm" src="http://sakura2016.spcc.mobi/sounds/bgm.mp3" preload="auto" loop></audio>
<div id="HVTip" class="abs" style="z-index:1;visibility:hidden; background-color:#1B1A20;background-image:url(img/HVtip.png); background-position:center center; background-repeat:no-repeat;background-size:160px 150px"></div>
</body>
<script>
console.log("资深创意设计师、客户执行实习、资深创意文案、资深客户执行、资深客户经理、FLASH、AE动画、资深插画师")
console.log("还有一类职位，虽然只有一个人，但是没预算，不过可以试试!")
console.log("http://fishfacechina.com/")

var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-69475815-5']);_gaq.push(['_trackPageview']);
function ggTrack(pStr) {try {var pageTracker = _gat._getTracker('UA-69475815-5');pageTracker._trackPageview("/" + pStr);} catch (e) { }}

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</html>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题