Location：Home > JS special effects code > Background and layout
jQuery web particle effect background plugin
The background particle effect plug-in implemented by jQuery, the optional mouse parallax effect can be controlled on desktop and mobile devices, and it can work in any browser that supports HTML5 canvas.
Win8 irregular block layout style
Win8 style layout mouse hover and slide out text is a win8 style nine square grid layout based on jQuery to realize the mouse hover and slide prompt text information, which can be used for function display.
jQuery text display animation effect plugin
Load the animation special effects plug-in when the text is implemented by jQuery. The jquery text animation plug-in combined with animate.css can be used to create a variety of cool text animation effects.
Slide out the navigation menu on the side of mdui.js mobile phone
The navigation menu code that slides out from the side of the mobile phone is a green mobile phone's right side sliding navigation menu effect code
sketch.js mouse follow cool special effects
Mouse following effect made with sketch.js
jQuery beautify scroll bar style plugin
Use jquery.nanoscroller.js scroll bar plug-in to beautify the style of the scroll bar, easy to use is a jQuery plug-in.
jQuery Notepad notes plugin
The beautiful note plug-in uses jQuery to implement editing functions, which can be used in scenarios such as wishing walls or notepad functions.
Simple Js parallax effect plug-in Parallax.js
Simple and lightweight JavaScript parallax engine plug-in animation effects.
HTML5 web page background 3D parallax effect
The HTML5 webpage background parallax effect is very cool, the diamond in the middle forms a contrast parallax effect with the webpage background.
jQuery fixed navigation position floating plugin
stickySidebar.js is a very useful jQuery fixed navigation position floating plugin. The fixed navigation plug-in when the user scrolls down the page to a certain distance, the navigation will be fixed to scroll down with the page, which is very practical.
Bootstrap blog graphic grid style code
The picture + text style grid system constructed using Bootstrap front-end framework can be used as the latest blog style or any type of graphic grid code. It is easy to change the number of columns, because it is based on Bootstrap responsive layout, the style is three columns, and it can be changed to any number of columns.
jQuery Christmas Night Snowing Plugin
A very useful snowing effect plug-in, using jQuery to achieve the snowing background effect. Snowflake uses transparent small pictures, and the background picture can be replaced at will.
jQuery page switching transition plugin left narrow navigation
The narrow navigation menu on the left has a nice style with icons, and the content area on the right is switched with animated transition effects. The function is implemented with jQuery code.
Day and night alternate CSS3 animation effects
CSS3 draws day and night animation scenes with alternate day and night special effects. A simple CSS3 draws cloud, sun, and moon animations to achieve special effects for changing scenes during day and night.
jQuery background ad plug-in with link can be closed
The background of the common news portal website is used as an advertisement. This background ad plug-in is implemented with jQuery code. Clicking on the non-main content area can be connected to the specified URL, and clicking the close icon will close the entire page background advertisement.
jQuery multi-step process introduction effect
jQuery multi-step process introduction The effect code is a step-by-step flow chart special effect in which the lines rise up when the mouse passes over.
html5 sunset scene parallax effect code
Special effects of sunset scene based on svg file mouse movement will produce parallax effect
Table table zebra crossing interlaced color changing CSS code
This Table form is the responsive css3 zebra crossing form beautification code. The table is made using an unordered list, and has specific features such as responsive, interlaced zebra crossing, and suitable for mobile devices. An important element in tabular web design, they can allow users to intuitively understand certain data. The table used in this demo is not a standard table html structure, but an unordered table is used to make the table. The purpose of this is to make the form have a good corresponding.
jQuery Edit Table form plugin
jQuery simple table editing plug-in Demo, its implementation is very simple, simple quoting and initializing JavaScript statements can make the table on the web page can be customized editing, very practical.
js Pikachu follows the mouse to fly the code
Using js+css3 to realize the special effect of Pikachu following the mouse, a fan on Pikachu's head takes him to fly.
