图片/图形

SparkleHover 鼠标滑过爆炸jQuery特效插件

创客主机

SparkleHover 鼠标滑过爆炸jQuery特效插件-创客云
sparkleHover.js 是鼠标滑过 HTML 元素产生爆炸特效的 jquery 插件。通过该 jquery 插件,你可以在鼠标经过指定的 HTML 元素时,使用指定的图片来制作炫酷的爆炸效果。

使用方法

在页面中引入 jquery 和 sparkleHover.js 文件。

也想出现在这里?联系我们
WordPress 主题
  1. <script src="path/to/jquery.min.js" type="text/javascript"></script>
  2. <script src="path/to/sparkleHover.js"></script>

初始化插件

在页面 DOM 元素加载完毕之后,通过下面的方法来初始化该 jquery 插件。

  1. $('element-id-or-class-goes-here').sparkleHover();

或者在初始化时设置一些配置参数:

  1. $('#c').sparkleHover({
  2.   colors : ['#297E97', "#2EB8D5",'#36BEC1'],
  3.   num_sprites: 22,
  4.   lifespan: 3000,
  5.   radius: 500,
  6.   sprite_size: 40,
  7.   shape: 'circle',
  8.   image: 'Pumplin.jpg'
  9. });

配置参数

该 jquery 插件的可用配置参数有:

colors:一种颜色或颜色数组

radius:爆炸的半径,整数值

sprite_size:图片的尺寸,整数值

shape:图片的形状,可选值有:'circle, 'triangle' 或 'square'

lifespan:整数,单位毫秒

num_sprites:爆炸碎片的数量

image:爆炸的图片,可以是图片的 url,或者是某种背景颜色值 rgba(0,0,0,0)

gravity:true 或 false
Github 地址:https://github.com/evejweinberg/sparkleHover

(0)

本文由 创客云 作者:PetitQ 发表,转载请注明来源!

阿里云

热评文章

发表评论

精彩推荐

Supro - 极简电商WordPress汉化主题

钻石珠宝奢侈品DedeCMS织梦模板

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!

Hi, 如果您有主题插件代购(30-600元)汉化等建站相关业务,可以 跟我联系 哦!
欢迎投稿
嘿,欢迎咨询!