云墨赠送一组酷炫粒子导航带下雪特效博客网站引导单页源码

云墨
云墨
云墨
567
文章
11
评论
2018年8月27日 评论 111

云墨赠送一组酷炫粒子导航带下雪特效博客网站引导单页源码

非常好看的酷炫粒子动态背景,自适应的,自带下雪特效,如果不要可以删掉,下雪的代码在根目录下的xdxuehua.js文件

云墨赠送一组酷炫粒子导航带下雪特效博客网站引导单页源码

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>云墨-引导页</title>
  8. <link rel="stylesheet" type="text/css" href="index/normalize.css">
  9. <link rel="stylesheet" type="text/css" href="index/demo.css">
  10. <!--必要样式-->
  11. <link rel="stylesheet" type="text/css" href="index/component.css">
  12. <!--[if IE]><script src="souye/js/html5.js"></script><![endif]-->
  13. <style type="text/css">
  14. #Layer1 {position:absolute; width:100%; z-index:2;  top: 60%;}
  15. .STYLE3 {font-size: medium}
  16. </style>
  17. </head>
  18. <body>
  19. <div class="container demo-1">
  20.     <div class="content">
  21.         <div id="large-header" class="large-header">
  22.             <canvas id="demo-canvas" width="1590" height="711"></canvas>
  23.             <h1 class="main-title">云墨<br><span class="STYLE3">分享个人所思所想</span></h1>
  24.         </div>
  25.         <div id="Layer1">
  26.             <nav class="codrops-demos">
  27.                 <a href="http://www.yunmoseo.com/">博客</a>
  28.                 <a href="http://www.taoxuebaoku.com">论坛</a>
  29.                 <a href="https://www.ajunseo8.com">软件</a>
  30.                 <a href="https://shop416595564.taobao.com/shop/view_shop.htm?spm=a211vu.11570393.category.d53.1ebc5e16JJC4Hu&mytmenu=mdianpu&user_number_id=3539250039">店铺1</a>
  31.                 <a href="https://shop318236304.taobao.com/shop/view_shop.htm?spm=a211vu.11570393.0.d53.1ebc5e16HMO2Wl&mytmenu=mdianpu&user_number_id=3926774559">店铺2</a>
  32.             </nav>
  33.         </div>
  34.     </div>
  35. </div>
  36. <script src="index/TweenLite.min.js"></script>
  37. <script src="index/EasePack.min.js"></script>
  38. <script src="index/rAF.js"></script>
  39. <script src="index/demo-1.js"></script>
  40. <!--下雪-->
  41. <script src="xdxuehua.js" type="text/javascript"></script>
  42. <script>createSnow(''80);</script>
  43. <audio style="width:0px;height:0px;" controls autoplay="autoplay" loop src="http://music.baidutt.com/up/kwcawukm/updcmc.mp3" type="audio/mpeg"></audio>
  44. </body>
  45. </html>

下载我制作好的吧

链接:https://pan.baidu.com/s/1kFm__eLJ4Nuv1GgdNXjnCg 密码:kvwf

下载信息
下载地址
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 站长技术资源群
  • QQ群:431710796
  • weinxin
云墨
  • 本文由 发表于 2018年8月27日
  • 转载请务必保留本文链接:https://www.yunmoseo.com/1321.html
言若非拼多多赚钱全攻略 云墨资源

言若非拼多多赚钱全攻略

带你从零入局拼多多,涵盖拼多多主流的玩法攻略,一步一步带你搭建可以出单的店铺, 并且教给你拼多多独家的推广/优化/寻找蓝海类目的方法,让你的新店迅速盈利,钞票不断来。 链接: https://pan....
匿名

发表评论

匿名网友