個人網站頁面添加雪花飄落背景,超簡單的方法

網站建設 尹華峰 瀏覽 評論來源:www.5290057.live

  很多新建站的朋友往往非常在意界面的美觀,諸如很多個人博客頁面都加了一個很漂亮的雪花飄落背景。想把這個特效加到自己的網站怎么辦呢?其實很簡單,網上有這類添加雪花背景的方法特別多,可能一些新手朋友不太會用,所以尹華峰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.5290057.live/daohang/mulu.html

  本來峰峰是打算全站的欄目頁和網站首頁都添加該特效的,在添加之后也確實很漂亮。但是發現在手機端打開頁面也是有雪花飄落特效,原因是本站是自適應程序,觸屏瀏覽有點不方便,為了不影響手機端瀏覽,最后峰峰就把這個代碼只放在其他個別頁面。

  溫馨提示:使用該代碼的同學,峰峰建議是PC端和移動端是分開的,有單獨的m或者wap手機站,當然也有可能是我的模板原因,如果你的個人博客也是自適應程序的話,可以先試用一下,或許不影響手機端的瀏覽也未可知。

    鑫科材料股票行情