N种方法让博客实现下雪效果!

December 16th, 2008, 4:35 pm| Posted in WordPress-plugin, 博客建设

圣诞将至,北方的天是一直的下雪,然后南方呢!也不定能不能见着下雪天,除了去年的暴雪,杭州的天气要想下雪是很难,可是想要看见下雪的效果,那么我们就来设置一下吧!让我们的博客出现下雪的效果,网上教程应该很多了,用插件实现下雪效果,用代码实现下雪效果!我这里是要要一并让鼠标也成雪花。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的博客只会使用几天就会舍去!

https://www.loveblogearn.com/wordpress/wp-content/plugins/sociofluid/images/digg_24.png https://www.loveblogearn.com/wordpress/wp-content/plugins/sociofluid/images/reddit_24.png https://www.loveblogearn.com/wordpress/wp-content/plugins/sociofluid/images/stumbleupon_24.png https://www.loveblogearn.com/wordpress/wp-content/plugins/sociofluid/images/delicious_24.png https://www.loveblogearn.com/wordpress/wp-content/plugins/sociofluid/images/technorati_24.png https://www.loveblogearn.com/wordpress/wp-content/plugins/sociofluid/images/google_24.png https://www.loveblogearn.com/wordpress/wp-content/plugins/sociofluid/images/myspace_24.png https://www.loveblogearn.com/wordpress/wp-content/plugins/sociofluid/images/facebook_24.png https://www.loveblogearn.com/wordpress/wp-content/plugins/sociofluid/images/yahoobuzz_24.png https://www.loveblogearn.com/wordpress/wp-content/plugins/sociofluid/images/twitter_24.png https://www.loveblogearn.com/wordpress/wp-content/plugins/sociofluid/images/jamespot_24.png https://www.loveblogearn.com/wordpress/wp-content/plugins/sociofluid/images/meneame_24.png

Subscribe to  LoveBlogEarn Receive (Blogging tips and Marketing news )!

1>海外主机 $3.29/月,用HawkHost优惠码 July 2014,优惠40% ,等于$23/年无限主机.
*转载原创文章请注明,转载自:“Love Blog Earn”[http://www.loveblogearn.com]
*注明本文链接: https://www.loveblogearn.com/2008/12/16/some-ways-let-your-blog-snow.html/trackback

13 Comments

  1. 1
    网折小折 // December 16th, 2008 at 6:00 pm

    总结的不错,恩

    Reply

  2. 2
    fqch // December 16th, 2008 at 6:17 pm

    哈哈~~我已经准备好了,准备真正下雪的时候再用

    Reply

  3. 3
    Sheik // December 16th, 2008 at 10:47 pm

    不错,不过会影响加载速度吧……

    Reply

    yixiu reply on December 16th, 2008 10:53 pm:

    是的呀!所以我只准备放 一两天!

    Reply

  4. 4
    老N // December 16th, 2008 at 10:50 pm

    可惜雪花淡了点~~

    Reply

    AG reply on December 17th, 2008 9:34 am:

    下黑雪,挖哈哈
    我准备明年来个六月雪。。。

    Reply

  5. 5
    Sheik // December 16th, 2008 at 10:50 pm

    yixiu不厚道,你这一说,害得我想回杭州了又…~

    Reply

  6. 6
    Johnny // December 17th, 2008 at 12:31 am

    哈哈,你这里也下雪了
    其他的朋友那里下雪了吗··

    Reply

  7. 7
    QQ个性签名 // December 17th, 2008 at 1:28 am

    简直太经典了。试试去。收藏。。。。。

    Reply

  8. 8
    Sheik // December 17th, 2008 at 6:26 am

    呵呵~

    Reply

  9. 9
    老时 // December 17th, 2008 at 1:31 pm

    雪。一片两片三四片,五片六片七八片。

    Reply

    yixiu reply on December 17th, 2008 2:55 pm:

    飞入草丛都不见!

    Reply

  10. 10
    番薯窝 // December 18th, 2008 at 12:17 am

    有点意思,先收藏,谢了

    Reply

Leave a Comment