All Projects → ColdDay → Click Colorful

ColdDay / Click Colorful

点击特效,五颜六色的小球绽放

Programming Languages

javascript
184084 projects - #8 most used programming language
js
455 projects

Labels

Projects that are alternatives of or similar to Click Colorful

JHTapTextView
Tap TextView,Text Tap,文本点击
Stars: ✭ 23 (-52.08%)
Mutual labels:  click
autoops for win
Window自动化运维,模拟鼠标移动、单击、模拟输入等,可用来实现复杂GUI应用的操作
Stars: ✭ 36 (-25%)
Mutual labels:  click
Ybattributetexttapaction
一行代码添加文本点击事件/a fast way to implement click event text
Stars: ✭ 430 (+795.83%)
Mutual labels:  click
react-native-double-click
A Component Wrapper for Double Click/Tap
Stars: ✭ 42 (-12.5%)
Mutual labels:  click
MeeInk
Material Design click effect
Stars: ✭ 33 (-31.25%)
Mutual labels:  click
Doitlive
Because sometimes you need to do it live
Stars: ✭ 3,073 (+6302.08%)
Mutual labels:  click
exch
a command-line tool to see currency exchange rates
Stars: ✭ 20 (-58.33%)
Mutual labels:  click
Universaltoast
简洁优雅可点击的toast控件,无BadTokenException风险,关闭通知权限依然正常显示。An elegant and flexible toast which can handle click event , avoid BadTokenException and run fine without notification permission
Stars: ✭ 748 (+1458.33%)
Mutual labels:  click
create-flask-app
Package for Initializing a Flask Project Structure
Stars: ✭ 16 (-66.67%)
Mutual labels:  click
Sqlite Utils
Python CLI utility and library for manipulating SQLite databases
Stars: ✭ 368 (+666.67%)
Mutual labels:  click
Utlyz-CLI
Let's you to access your FB account from the command line and returns various things number of unread notifications, messages or friend requests you have.
Stars: ✭ 30 (-37.5%)
Mutual labels:  click
vue-simple-context-menu
📌 Simple context-menu component built for Vue. Works well with both left and right clicks. Nothing too fancy, just works and is simple to use.
Stars: ✭ 162 (+237.5%)
Mutual labels:  click
Attributedstring
基于Swift插值方式优雅的构建富文本, 支持点击长按事件, 支持不同类型过滤, 支持自定义视图等.
Stars: ✭ 294 (+512.5%)
Mutual labels:  click
focus-outside
📦 一个很棒的 clickOutside 库,它解决了 iframe 无法触发 clickOutside 的问题,并且它支持分组绑定处理。A good clickOutside library, which solves the problem that iframe cannot trigger clickOutside, and it supports grouping binding processing.
Stars: ✭ 74 (+54.17%)
Mutual labels:  click
Typer
Typer, build great CLIs. Easy to code. Based on Python type hints.
Stars: ✭ 6,793 (+14052.08%)
Mutual labels:  click
cliar
Create modular Python CLIs with type annotations and inheritance
Stars: ✭ 47 (-2.08%)
Mutual labels:  click
React Click Outside
Higher Order Component that provides click outside functionality
Stars: ✭ 266 (+454.17%)
Mutual labels:  click
Pyintelowl
Robust Python SDK and Command Line Client for interacting with IntelOwl's API.
Stars: ✭ 26 (-45.83%)
Mutual labels:  click
Csvs To Sqlite
Convert CSV files into a SQLite database
Stars: ✭ 568 (+1083.33%)
Mutual labels:  click
Begoneads
BeGoneAds is a script that puts some popular hosts file lists into the systems hosts file as a adblocker measure.
Stars: ✭ 314 (+554.17%)
Mutual labels:  click

click-colorful 点击特效,五颜六色的小球绽放

click-colorful

demo地址 https://coldday.github.io/click-colorful/

实现见掘金https://juejin.im/post/5be3817de51d457844614b42

背景: 一般这种动画会用canvas实现,但是canvas不是万能的,如果首页加载需要这个动画,页面加载会有大量的请求,这时会阻塞js,造成卡顿 本插件秉着页面加载时尽可能减少js执行原则,采用CSS3结合js,利用硬件加速,提升性能,解决卡顿 默认配置

var params = {
        colors: ["#eb125f", "#6eff8a", "#6386ff", "#f9f383"], // 自定义颜色
        size: 30, // 小球大小
	maxCount: 50, // 点击一次出现多少个球
  }

使用方式

  • 引入click-colorful.js <script src="click-colorful.js"></script>
  • 实力化插件
//params不传,则走默认配置
var color = new colorBall(params)
// 绽放一次
color.fly(x, y)
// 绽放5次,间隔300ms
color.fly(x, y, 5, 300)
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].