个人网站页面增加雪花飘落布景,超简略的办法

admin2020-04-0648713

  许多新建站的朋友往往十分介意界面的漂亮,比如许多个人博客页面都加了一个很漂亮的雪花飘落布景。想把这个特效加到自己的网站怎么办呢?其实很简略,网上有这类增加雪花布景的办法特别多,或许一些新手朋友不太会用,所以尹华峰SEO技能博客为我们共享一个超简略的办法!

个人网站页面增加雪花飘落布景,超简略的办法

  只需一段简略的代码完成雪花飘落,代码如下:

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://itbyc.com/templets/yang/js/snow.js"></script> <style type="text/css">.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;}</style> <div class="snow-container"></div>

  飘雪布景代码的运用办法

  将上面的代码仿制下来,直接放在你需求增加特效的页面<body>下面即可,十分便利,如本站几个页面就增加了该特效,布景特效参阅地址:http://www.yinhuafeng.cn/daohang/mulu.html

  原本峰峰是计划全站的栏目页和网站主页都增加该特效的,在增加之后也的确很漂亮。可是发现在手机端翻开页面也是有雪花飘落特效,原因是本站是自适应程序,触屏阅读有点不便利,为了不影响手机端阅读,最终峰峰就把这个代码只放在其他单个页面。

  温馨提示:运用该代码的同学,峰峰主张是PC端和移动端是分隔的,有独自的m或许wap手机站,当然也有或许是我的模板原因,假如你的个人博客也是自适应程序的话,能够先试用一下,或许不影响手机端的阅读也未可知。

网友评论