HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 资源下载 开发工具 查看内容

jquery鼠标滑过爆炸特效插件

2017-2-13 10:33| 发布者: admin| 查看: 949| 评论: 1

摘要: sparkleHover.js是鼠标滑过HTML元素产生爆炸特效的jquery插件。通过该jquery插件,你可以在鼠标经过指定的HTML元素时,使用指定的图片来制作炫酷的爆炸效果。 ...
简要教程

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

 使用方法

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

<script src="path/to/jquery.min.js" type="text/javascript"></script>
<script src="path/to/sparkleHover.js"></script>
初始化插件

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

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

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

$('#c').sparkleHover({
  colors : ['#297E97', "#2EB8D5",'#36BEC1'],
  num_sprites: 22,
  lifespan: 3000,
  radius: 500,
  sprite_size: 40,
  shape: 'circle',
  image: 'Pumplin.jpg'
});                 
 配置参数

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

  • colors:一种颜色或颜色数组。
  • radius:爆炸的半径,整数值。
  • sprite_size:图片的尺寸,整数值。
  • shape:图片的形状,可选值有:'circle, 'triangle' 或 'square'
  • lifespan:整数,单位毫秒。
  • num_sprites:爆炸碎片的数量。
  • image:爆炸的图片,可以是图片的url,或者是某种背景颜色值rgba(0,0,0,0)。
  • gravity:true或false。

sparkleHover.js插件的github地址为:https://github.com/evejweinberg/sparkleHover


鲜花

握手

雷人

路过

鸡蛋
发表评论

最新评论

引用 linedd963 2017-4-7 00:09
有裸體畫,就不去欣賞維納斯;見到“少女寫真”,就丟下維納斯;瞧見三級片,連“寫真”也放下;倘若碰到“活體表演”,壹切影像的東西,都他媽的滾開:“我最好親自試壹下”,想交個朋友 :男人尋樂秘密基地+L I N E:d d 9 6 3

查看全部评论(1)

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-4-27 16:59

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部