WP酷 WP酷
  • 主题
  • 教程
  • 插件
  • 官方 QQ 群
  • 建站推荐
  • 联系
  • nicetheme® 奈思主题
  • 注册
    登录
立即登录
  • 请到 [后台->外观->菜单] 中设置菜单
首页 › WordPress 教程 › 【牧风制造】CSS3梅花飘落效果

【牧风制造】CSS3梅花飘落效果

PCDotFan10年前

 

寒冷的冬天。。正所谓“墙角数枝梅,凌寒独自开”,让博客也开满梅花吧!

 

由于此为 CSS3 代码,目前仅支持 Webkit(Chrome,Chromium 内核浏览器, 搜狗浏览器等)、Firefox、Opera 浏览器。

 

使用方法

因为很多不知道怎么使用, 我就修改了下 js, 简化使用:

  • 1. 将 leaves.js leaves.css images 文件夹 放在同一目录下 ;
  • 2. 在头部或者底部引入 leaves.css;
  • 3. 在底部引入 leaves.js

 

leaves.js 我重新修改过, 提供两个参数:num, id

  • 1.num 为梅花数量 ;
  • 2.id 位包含梅花的 div 的 id;

 

修改办法如下: new FallingLeaves(15, “domid”); 要说一下的是修改了数量, 图片也要对应的增加.

 

演示

【牧风制造】CSS3梅花飘落效果-WP酷

 

 

 

#CSS3#梅花
0
分享

本站下载管理系统「dl.mywpku.com」因年久失修而永久关闭。若需获得往年主题,请至 WP酷的百度网盘(提取码: 5rbm) 自行搜索下载。默认解压密码为「www.mywpku.com」。

对您造成的不便,敬请谅解!

PCDotFan 站长
文章 435评论 859
相关文章
  • [6.0 更新中文汉化]极度流行的SEO插件 – WordPress SEO by Yoast
  • WordPress 新用户注册邮件链接提示「您的密码重设链接无效」
  • AMP – 为 WordPress 移动站点操作全球访问优化
  • 去除谷歌服务 – WordPress 国外主题全方位加速
  • 使用 WP-CLI 简化 WordPress 操作流程
  • WordPress 基础开发 – 一探 WordPress Hook 机制及示例应用
  • 优化静态资源 – WordPress 国外主题全方位加速
  • WordPress 实现微信登录
评论 (0)
再想想
    沙发抢一发
PCDotFan
站长
若无特别注明,则默认我发布的所有文章均为内容原创 / 翻译原创,转载时请保留来源。
435文章
859评论
3K获赞
猜你喜欢
如何确立对博客的定位
10年前
无聊功能:页面翻转效果的实现
10年前
多说CSS样式分享 蓝色高阴影大头像右置
10年前
  • 杂记
  • WordPress 付费主题推荐
Copyright © 2023 WP酷. Designed by nicetheme. 琼ICP备13002067号-1