首页 > H5效果求教

H5效果求教

如下链接的文字出现效果求教!
http://sakura2016.spcc.mobi/
花瓣伴随着文字飘这个效果!!!求大神


启动加载 是不是这个效果 再不行百度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>
【热门文章】
【热门文章】