很多新建站的朋友往往非常在意界面的美觀(guān),諸如很多個(gè)人博客頁(yè)面都加了一個(gè)很漂亮的雪花飄落背景。想把這個(gè)特效加到自己的網(wǎng)站怎么辦呢?其實(shí)很簡(jiǎn)單,網(wǎng)上有這類(lèi)添加雪花背景的方法特別多,可能一些新手朋友不太會(huì)用,所以尹華峰SEO技術(shù)博客為大家分享一個(gè)超簡(jiǎn)單的方法!
只需一段簡(jiǎn)短的代碼實(shí)現(xiàn)雪花飄落,代碼如下:
<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>
飄雪背景代碼的使用方法
將上面的代碼復(fù)制下來(lái),直接放在你需要添加特效的頁(yè)面<body>下面即可,非常方便,如本站幾個(gè)頁(yè)面就添加了該特效,背景特效參考地址:http://www.www-2900555.com/daohang/mulu.html
本來(lái)峰峰是打算全站的欄目頁(yè)和網(wǎng)站首頁(yè)都添加該特效的,在添加之后也確實(shí)很漂亮。但是發(fā)現(xiàn)在手機(jī)端打開(kāi)頁(yè)面也是有雪花飄落特效,原因是本站是自適應(yīng)程序,觸屏瀏覽有點(diǎn)不方便,為了不影響手機(jī)端瀏覽,最后峰峰就把這個(gè)代碼只放在其他個(gè)別頁(yè)面。
溫馨提示:使用該代碼的同學(xué),峰峰建議是PC端和移動(dòng)端是分開(kāi)的,有單獨(dú)的m或者wap手機(jī)站,當(dāng)然也有可能是我的模板原因,如果你的個(gè)人博客也是自適應(yīng)程序的話(huà),可以先試用一下,或許不影響手機(jī)端的瀏覽也未可知。