N种方法让博客实现下雪效果!
->
圣诞将至,北方的天是一直的下雪,然后南方呢!也不定能不能见着下雪天,除了去年的暴雪,杭州的天气要想下雪是很难,可是想要看见下雪的效果,那么我们就来设置一下吧!让我们的博客出现下雪的效果,网上教程应该很多了,用插件实现下雪效果,用代码实现下雪效果!我这里是要要一并让鼠标也成雪花。Loveblogearn博客也将下雪七天!喜迎圣诞节。
使用插件实现:(看看小折:推荐的两款下雪的wordpress插件)
一,Snow Fall
这是一款 WordPress 上比较老的雪花效果插件,提供那种大片的结晶的雪花。但是它又不仅仅是一款下雪效果插件,还提供了落叶效果 ,它的图片是可以更改的。发布地址 | 插件下载
2.Let It Snow !
这是一个小雪花插件,提供小点状雪花效果,著名的 WordPress.com 目前就使用的这种雪花效果。效果比较细腻,不仔细看还看不出来。发布地址 | 插件下载
使用代码实现:看看Awflasher的一行代码给你的Blog添加下雪效果。
引用代码如下:
<script src="http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js" type="text/javascript"></script>
如果希望拥有像我的Blog这样的效果,即让雪停留在某一固定高度,例如我现在将雪停留在导航栏上,只需要引用我修改后的js即可。为了不影响加载速度,放到</body>前面即可。在fooder,底部文件里面。
头部图片替换法:看看教你制作下雪的效果图片【U5教程】。
我说下原理,就是用已经呈现下雪下过的图片,替换博客主题的头部图片(header),实际就是用了一张图片!不过要看你的博客主题能否实现更换图片。
第四:让你的鼠标变成雪花,拖动就下雪!
只要把一下代码添加到 放到</body>前面即可,在fooder,底部文件里面。
<STYLE TYPE=”text/css”>
<!–
BODY{overflow:scroll;overflow-x:hidden;}.s1{position : absolute; font-size : 12pt; color : blue; visibility: hidden;}.s2{ position : absolute; font-size : 20pt; color : red; visibility : hidden;}
.s3{ position : absolute; font-size : 16pt; color : gold; visibility : hidden;}.s4{ position : absolute; font-size : 14pt; color : lime; visibility : hidden;}
–>
</STYLE>
<DIV ID=”div1″ CLASS=”s1″>*</DIV>
<DIV ID=”div2″ CLASS=”s2″>*</DIV>
<DIV ID=”div3″ CLASS=”s3″>*</DIV>
<DIV ID=”div4″ CLASS=”s4″>*</DIV>
<script language=”javascript” type=”text/javascript” class=”s5″>
var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;
if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function get_mouse(e)
{
x = (nav) ? E.pageX : event.clientX+document.body.scrollLeft;
y = (nav) ? E.pageY : event.clientY+document.body.scrollTop;
x += x_offset;
y += y_offset;
beam(1);
}
function beam(n)
{
if(n<5)
{
if(nav)
{
eval(“document.div”+n+”.top=”+y);
eval(“document.div”+n+”.left=”+x);
eval(“document.div”+n+”.visibility=’visible'”);
}
else
{
eval(“div”+n+”.style.top=”+y);
eval(“div”+n+”.style.left=”+x);
eval(“div”+n+”.style.visibility=’visible'”);
}
n++;
tmr=setTimeout(“beam(“+n+”)”,spd);
}
else
{
clearTimeout(tmr);
fade(4);
}
}
function fade(n)
{
if(n>0)
{
if(nav)eval(“document.div”+n+”.visibility=’hidden'”);
else eval(“div”+n+”.style.visibility=’hidden'”);
n–;
tmr=setTimeout(“fade(“+n+”)”,spd);
}
else clearTimeout(tmr);
}
</script>
喜欢那个就是那个吧!不过加过了会影响速度,所以Yixiu的博客只会使用几天就会舍去!
Related Posts
Subscribe to LoveBlogEarn Receive (Blogging tips and Marketing news )!
总结的不错,恩
Reply
哈哈~~我已经准备好了,准备真正下雪的时候再用
Reply
不错,不过会影响加载速度吧……
Reply
yixiu reply on December 16th, 2008 10:53 pm:
是的呀!所以我只准备放 一两天!
Reply
可惜雪花淡了点~~
Reply
AG reply on December 17th, 2008 9:34 am:
下黑雪,挖哈哈
我准备明年来个六月雪。。。
Reply
yixiu不厚道,你这一说,害得我想回杭州了又…~
Reply
哈哈,你这里也下雪了
其他的朋友那里下雪了吗··
Reply
简直太经典了。试试去。收藏。。。。。
Reply
呵呵~
Reply
雪。一片两片三四片,五片六片七八片。
Reply
yixiu reply on December 17th, 2008 2:55 pm:
飞入草丛都不见!
Reply
有点意思,先收藏,谢了
Reply