鼠标经过爆炸效果html,jquery鼠标滑过爆炸特效插件
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鼠标滑过爆炸特效插件相关推荐
- jQuery焦点图轮播特效插件bxslider,使用说明 及免费下载四川智汇蓝图整理带bxslider免费下载地址
这里分享一个方便实用的JQ 焦点图插件,它的特点简单易用,灵活方便通用性强:支持包含内容不HTML,视频,图片等.出众的兼容能力,完美兼容Firefox,Chrome,Safari,iOS,Andro ...
- html鼠标经过盒子延时显示,jQuery 鼠标经过(hover)事件的延时处理示例
一.关于鼠标hover事件及延时 鼠标经过事件为web页面上非常常见的事件之一.简单的hover可以用CSS :hover伪类实现,复杂点的用js. 一般情况下,我们是不对鼠标hover事件进行延时处 ...
- html鼠标拖尾效果,JS实现鼠标移动拖尾
本文实例为大家分享了JS实现鼠标移动拖尾的具体代码,供大家参考,具体内容如下 JS 代码 function getMousePos(event) { var e = event || window.e ...
- html爆炸效果,HTML5 SVG炫酷文字爆炸特效
这是一款使用html5 svg.css3和js制作的炫酷文字爆炸特效.不论是HTML还是CSS都没有能力将文字分割成小块,但是SVG可以实现这个效果. 制作SVG文字 可以使用矢量图制作工具,如Ado ...
- android view爆炸效果,Android 显示view的粒子爆炸/绽放效果
照例先上图 这个库做了什么? 它可以以粒子的形式显示任何view的粒子动画效果,你可以下载DEMO来查看效果 功能 支持任何view 可灵活配置粒子大小和形状 可灵活配置粒子动画 形状 在该库中,支持 ...
- html图片爆炸效果,利用CSS3制作3D图片爆炸效果
利用css3 transform和transition样式制作点击图片时 图片爆炸开并切换到下一张图片依次循环 首先先看一下效果图 Paste_Image.png 先描述一下大概思路: 布局时外面有一 ...
- html中鼠标移动有下拉图片,JQuery自适应全屏图片滚动鼠标上下滑动效果代码
特效描述:JQuery 自适应全屏 图片滚动 鼠标上下滑动效果.JQuery:全屏随鼠标滑动而滚动 代码结构 1. 引入JS 2. HTML代码 $(function(){ $('body,html' ...
- JQuery 鼠标事件使用汇总
一.js鼠标事件 1.单机 :左键单机.右键单机 2.双击 3.鼠标按下.鼠标松开 4.鼠标移动 5.鼠标进入.鼠标移出 6.鼠标滚轮滚动 二.JQuery鼠标事件整理 1.单机 :左键单机.右键单机 ...
- 小学生python游戏编程arcade----动画图片实现爆炸效果
小学生python游戏编程arcade----动画图片实现爆炸效果 前言 动画图片实现爆炸效果 1.爆炸类的的实现 1.1爆炸图片 1.2 类的定义 1.3 爆炸类的引用 1.4 爆炸类的更新 1.5 ...
最新文章
- 【BZOJ】1574: [Usaco2009 Jan]地震损坏Damage
- ios15使用NSXMLParser解析XML
- 《MySQL——基于位点orGTID的主备切换协议》
- 2021-2025年中国伊维菌素原料药行业市场供需与战略研究报告
- 华米 OV 一加“征服”印度?!
- 使用c 对mysql数据库_c对mysql数据库的操作
- Pandas入门教程(四)
- 建立自己的voc数据集_Mac上 制作自己的VOC数据集
- USB数据采集卡 USB1208LS、1608FS DAQami 软件功能有哪些
- VS code如何下载并配置C语言(详细)
- 自定义view,仿微信、支付宝密码输入控件的源码实现
- 权限系统的设计模式 ACL RBAC ABAC
- Mac 与 Linux Windows 常见使用区别
- 查看电脑主机ID的两种方法
- 四年级计算机下册美术教案,新人教版小学美术四年级下册教案 (全册).doc...
- nids与防火墙联动linux,NIDS与防火墙联动(国外英文资料).doc
- 蓝凌夺得2017移动办公年度产品和厂商双项大奖
- 关于GCC的stack-protector选项
- Android APP之间共享SharedPreference
- “智联网与未来”——第14届中国信息技术年会院士精彩观点辑录
热门文章
- 轻松理解 客户端和服务器端的区别
- 单片机数字滤波c语言程序,单片机系统中数字滤波的算法【C程序整理】
- linux中查看文件大小
- 俄勒冈大学计算机科学专业,俄勒冈大学计算机
- DUET and updated DUET(2016 and 2019)
- 转:Emacs生存指南 (Emacs入门必读)
- CDH 6系列(CDH 6.0.0、CDH 6.1.0、CDH 6.2.0等)安装和使用
- L1 操作系统的启动
- Ning: 社会软件建造平台。
- 查看期刊最近的影响因子