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

使用方法

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

初始化插件

在页面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。

鼠标经过爆炸效果html,jquery鼠标滑过爆炸特效插件相关推荐

  1. jQuery焦点图轮播特效插件bxslider,使用说明 及免费下载四川智汇蓝图整理带bxslider免费下载地址

    这里分享一个方便实用的JQ 焦点图插件,它的特点简单易用,灵活方便通用性强:支持包含内容不HTML,视频,图片等.出众的兼容能力,完美兼容Firefox,Chrome,Safari,iOS,Andro ...

  2. html鼠标经过盒子延时显示,jQuery 鼠标经过(hover)事件的延时处理示例

    一.关于鼠标hover事件及延时 鼠标经过事件为web页面上非常常见的事件之一.简单的hover可以用CSS :hover伪类实现,复杂点的用js. 一般情况下,我们是不对鼠标hover事件进行延时处 ...

  3. html鼠标拖尾效果,JS实现鼠标移动拖尾

    本文实例为大家分享了JS实现鼠标移动拖尾的具体代码,供大家参考,具体内容如下 JS 代码 function getMousePos(event) { var e = event || window.e ...

  4. html爆炸效果,HTML5 SVG炫酷文字爆炸特效

    这是一款使用html5 svg.css3和js制作的炫酷文字爆炸特效.不论是HTML还是CSS都没有能力将文字分割成小块,但是SVG可以实现这个效果. 制作SVG文字 可以使用矢量图制作工具,如Ado ...

  5. android view爆炸效果,Android 显示view的粒子爆炸/绽放效果

    照例先上图 这个库做了什么? 它可以以粒子的形式显示任何view的粒子动画效果,你可以下载DEMO来查看效果 功能 支持任何view 可灵活配置粒子大小和形状 可灵活配置粒子动画 形状 在该库中,支持 ...

  6. html图片爆炸效果,利用CSS3制作3D图片爆炸效果

    利用css3 transform和transition样式制作点击图片时 图片爆炸开并切换到下一张图片依次循环 首先先看一下效果图 Paste_Image.png 先描述一下大概思路: 布局时外面有一 ...

  7. html中鼠标移动有下拉图片,JQuery自适应全屏图片滚动鼠标上下滑动效果代码

    特效描述:JQuery 自适应全屏 图片滚动 鼠标上下滑动效果.JQuery:全屏随鼠标滑动而滚动 代码结构 1. 引入JS 2. HTML代码 $(function(){ $('body,html' ...

  8. JQuery 鼠标事件使用汇总

    一.js鼠标事件 1.单机 :左键单机.右键单机 2.双击 3.鼠标按下.鼠标松开 4.鼠标移动 5.鼠标进入.鼠标移出 6.鼠标滚轮滚动 二.JQuery鼠标事件整理 1.单机 :左键单机.右键单机 ...

  9. 小学生python游戏编程arcade----动画图片实现爆炸效果

    小学生python游戏编程arcade----动画图片实现爆炸效果 前言 动画图片实现爆炸效果 1.爆炸类的的实现 1.1爆炸图片 1.2 类的定义 1.3 爆炸类的引用 1.4 爆炸类的更新 1.5 ...

最新文章

  1. 【BZOJ】1574: [Usaco2009 Jan]地震损坏Damage
  2. ios15使用NSXMLParser解析XML
  3. 《MySQL——基于位点orGTID的主备切换协议》
  4. 2021-2025年中国伊维菌素原料药行业市场供需与战略研究报告
  5. 华米 OV 一加“征服”印度?!
  6. 使用c 对mysql数据库_c对mysql数据库的操作
  7. Pandas入门教程(四)
  8. 建立自己的voc数据集_Mac上 制作自己的VOC数据集
  9. USB数据采集卡 USB1208LS、1608FS DAQami 软件功能有哪些
  10. VS code如何下载并配置C语言(详细)
  11. 自定义view,仿微信、支付宝密码输入控件的源码实现
  12. 权限系统的设计模式 ACL RBAC ABAC
  13. Mac 与 Linux Windows 常见使用区别
  14. 查看电脑主机ID的两种方法
  15. 四年级计算机下册美术教案,新人教版小学美术四年级下册教案 (全册).doc...
  16. nids与防火墙联动linux,NIDS与防火墙联动(国外英文资料).doc
  17. 蓝凌夺得2017移动办公年度产品和厂商双项大奖
  18. 关于GCC的stack-protector选项
  19. Android APP之间共享SharedPreference
  20. “智联网与未来”——第14届中国信息技术年会院士精彩观点辑录

热门文章

  1. 轻松理解 客户端和服务器端的区别
  2. 单片机数字滤波c语言程序,单片机系统中数字滤波的算法【C程序整理】
  3. linux中查看文件大小
  4. 俄勒冈大学计算机科学专业,俄勒冈大学计算机
  5. DUET and updated DUET(2016 and 2019)
  6. 转:Emacs生存指南 (Emacs入门必读)
  7. CDH 6系列(CDH 6.0.0、CDH 6.1.0、CDH 6.2.0等)安装和使用
  8. L1 操作系统的启动
  9. Ning: 社会软件建造平台。
  10. 查看期刊最近的影响因子