Suck the cat with code! This paper is participating in[Cat Essay Campaign].
Here to share with you is a hot cat wank plugin, based on the oil monkey, of course, not only the cat, can also wank the cat woman or even anything? ! (Of course, you need to use HTML + CSS + JS implementation, and then imported into the line)
Here, to everyone big guy for learning materials (refers to CSS animation class, cat ear niang this best 👻)
Plug-in link
Let’s start with the renderings
The entire plugin is dom manipulation based on JQ, in which iframe is used to isolate HTML resources from the current page style.
As shown, the plugin is a cat by default, the bottom right corner of the mounted page never sleeps again, and there is no mouse interaction, which is more than a drop worse than Live2D
Of course, the plugin has a few redeemable features. When the mouse hovers over it, it displays two buttons. One opens the list page and then manages resources. The other is to select the next resource in the current resource to display
List management
The add button adds a line record, the first input resource description, the second affixed resource HTML source code, the background use of throttling function, dynamic check text input, and then save to the browser localStorage
Delete unwanted resource points directly deleted
From there, you can select the resources you want to display and click Enable
As shown, we switch to our own resources, simple
By the way, why doesn’t this popover have a close button
Follow the lazy guide principle, after the mouse out of the popover, delay for 1s after it will close 🤪
The idea of throttling has also been added in consideration of the fact that there are big guys who like to jump left and right (to optimize the experience)
The biggest value of this plugin is that it provides a platform for you to take your own HTML and add it to the list, just enable it, and focus on animation development and nothing else
To emphasize again, ask for the learning resources of cat niang 😍