【原创】 给博客添加节日雪花
栏目:PHP  作者:隆航  阅读:(1921)

二话不说先上效果图:

QQ截图20160101170138.png

需要的朋友请看下面的说明,对JQ比较了解的朋友可以直接下载。

下载地址:

http://pan.baidu.com/s/1mgO5nLY(也可以在下载区下载)

操作方法

  1. 把下面代码加入需要显示的文件,因为我是公用底部,所以我添加在底部

<!-- 新年雪花效果开始 -->
<style type='text/css'>
.snowwrap,.snow-container{position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100001;}
</style>
<div class="snowwrap">
    <div class="snow-container"></div>
</div>
<!-- 新年雪花效果结束 -->

2.引入核心JQ文件

<!-- 雪花效果JS -->
<script src='__JS__/snow.js'></script>

然后就可以看到效果了。具体请参考本博客现在的效果。

注意事项

  1. snow.js的2958行需要指定雪花图片的地址

  2. 需要在snow.js前面引入JQ文件

应该没什么了,如果遇到问题可以留言和我说下。另外新版博客剩下后台的部分代码修改,预计春节发布2.0版本。

元旦到了2016年的新开始,祝大家新的一天学业有成,心想事成。



微风
#187

   微风     2016-08-03 10:13    Win 10      四川省成都市

你好 这个留言板是插件吗

admin

   admin     08-07 12:10    回复 @微风 中说到:

不是,是自己写的样式的

就爱网赚
#133

   就爱网赚     2016-02-18 15:35    Win 7      河北省石家庄市

不错不错

admin

   admin     02-18 15:35    回复 @就爱网赚 中说到:

谢谢支持~

My sunshine静
#131

   My sunshine静     2016-01-27 11:32    Win 7      广东省广州市

很应景不错呀

admin

   admin     01-27 11:32    回复 @My sunshine静 中说到:

网络收集整理的,下载中心有代码,需要的可以自行下载的

嘟嘟笔记
#130

   嘟嘟笔记     2016-01-26 18:24    Win 10      四川省成都市

效果不错,不过可以看看我网站的雪花效果

admin

   admin     01-26 18:24    回复 @嘟嘟笔记 中说到:

好的,因为各种原因,很久没搭理博客了。一定会回访的

新浪云领200云豆
#128

   新浪云领200云豆     2016-01-19 10:02    Win 7      山东省青岛市

虽然很有意境,但还是感觉有点乱乱的~

admin

   admin     01-19 10:02    回复 @新浪云领200云豆 中说到:

嗯,因为自己是做后端的,前段的设计是参考别人的修改的,慢慢改进吧

昵称
邮箱
域名
  记住 通知博主
验证码

  程序相关

站点版本:青春博客-V 2.1.0

开源版本:青春博客-Beta v2.0

 下载  在线支付  在线工具  在线音乐

  随机文章