WordPress登陆界面雪花飘落停靠效果

站长素材看到的一个js脚本,感觉效果蛮不错的,就放在了WordPress后台登陆界面上,效果可以点击左边的登陆按钮。

脚本简介:js飘在文字上网页雪花效果是一款从360的网站上拿下来的,它的积雪功能很强大,只要页面上有文字、图片等任何内容都会在这些内容上面形成积雪的效果。

WordPress登陆界面雪花飘落停靠效果

因为雪花是白色的,后台登陆背景也是白色的,所以需要修改背景色,顺道改下字体。

//更改登陆页面字体 
function my_custom_login_logo() { 
 echo '<style type="text/css"> 
 body{background: #2c2c2c;padding:0; margin:0; font-family:Microsoft Yahei;} 
 .login #backtoblog, .login #nav {display: none;} 
 </style>'; 
} 
add_action('login_head', 'my_custom_login_logo'); 

忘记有没有开启防盗链了,请转存此JS,如下

//在底部添加JS 
function han_login_footer(){ 
 echo "<script type='text/javascript' src="//picture-space.b0.upaiyun.com/other/snow.src.js!wz" alt="WordPress登陆界面雪花飘落停靠效果"></script>"; 
} 
add_filter( 'login_footer', 'han_login_footer' );

使用方法:粘贴进正使用主题 functions.php 文件内最后一个 ?> 前,如果没有就加到最后。

站长素材原文地址:http://sc.chinaz.com/jiaoben/140311477240.htm

此JS也可以放在站点首页,不过比较影响文字显示,瑕疵的是变换尺寸后雪花还是在原来的位置。

公益传播因为有你,爱不罕见。

转载请注明出处:大刘子 » WordPress登陆界面雪花飘落停靠效果

支持博主随手一点

评论 6

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 路易大叔自己哄自己开心啊回复
    • Han是啊是啊(-。-;)回复
  2. 李洁博客这个效果之前在别的地方见过,可惜我用的是zblog回复
    • Han只要把js贴上就有效果回复
  3. 寻寻觅博客这样会影响加载速度吧 嘿嘿回复
    • Han秒开不是问题(-。-;)回复