Found a total of 10000 related content
10 jQuery Horizontal Scroll Demos & Plugins
Article Introduction：This post showcases 10 jQuery horizontal scroll demos and plugins, perfect for those who prefer horizontal navigation. We've updated all plugins and demos with the latest versions and added some new ones.
ScrollMagic:
A lightweight (6KB gzipped),
2025-02-18
comment 0
486
jQuery check if horizontal scroll is present
Article Introduction：Use jQuery to detect whether there is a horizontal scrollbar in an element hasHScrollBar() (and the vertical scrollbar detection function).
jQuery hasHScrollBar() function
// Utility function to check whether the element has scroll bars
jQuery.fn.hasScrollBar = function(direction) {
if (direction === 'vertical') {
return this.get(0).scrollHeight > this.innerHeight();
2025-02-27
comment 0
657
Creating a Flashing Text Effect with jQuery
Article Introduction：Core points
This tutorial guides you how to create a cross-browser-compatible jQuery plugin that achieves flashing text effects and enhances website style and appeal. The plug-in also considers the problem of accessibility and provides the stop() method to stop the effect.
The plugin is called "Audero Flashing Text" and is developed in accordance with jQuery plugin best practices. It contains default settings, initialization, start, stop, and isRunning methods. These methods control the text to be displayed, fade in, duration, fade out time, and the order in which text selection is selected.
The start() method is the most critical part of the plugin because it runs the effect. It involves creating an element floating within a specified area, fadeOut(
2025-02-24
comment 0
693
Introducing an Accessible Accordion Widget - SitePoint
Article Introduction：This article introduces a11yAccordion, an accessible accordion widget designed to improve user experience for individuals with disabilities. It addresses common accessibility shortcomings of similar widgets, particularly the jQuery Accordion.
Key Fe
2025-02-22
comment 0
1185
How to debug Bootstrap pictures centered
Article Introduction：Bootstrap Picture centered: Use Flexbox: d-flex to enable layout justify-content-center Horizontal centered align-items-center Vertical centered set container height to ensure vertical centering takes effect Use Grid: d-grid Turn on layout grid-template-columns-1 Single column layout justify-items-center Horizontal centered align-items-center Vertical centered set container height to ensure vertical centering takes effect
2025-04-07
comment 0
293
Adaptive Photo Layout with Flexbox
Article Introduction：Let’s take a look at a super lightweight way to create a horizontal masonry effect for a set of arbitrarily-sized photos. Throw any set of photos at it, and
2025-04-16
comment 0
866
10 jQuery Plugins that Provide Cool Effects
Article Introduction：This post showcases ten exceptional jQuery plugins offering unique and visually appealing effects. Let's explore these plugins and their capabilities!
jQuery Lens Flare Effect Plugin: This plugin effortlessly adds a stylish lens flare effect to yo
2025-02-27
comment 0
1309
10 jQuery Flip Effect Plugins
Article Introduction：Ten excellent jQuery flip effects plugins allow your HTML content and images to achieve 360-degree flip animation effects, using the transform and rotate attributes of jQuery and CSS3. These plugins are perfect for displaying your portfolio, come and try it out!
Related recommendations:
15 amazing jQuery animation design plugins
10 Very Attractive JQuery Widgets
Paid Products – Responsive page turn book based on jQuery
Completely based on HTML and jQuery, no Flash player required. Supports desktop and mobile devices!
Portfolio flip slider based on jQuery and CSS3
Click the paging button to trigger the slider to flip, each time
2025-02-25
comment 0
1239
5 JS Random Moving Bubbles Effects
Article Introduction：These 5 JS Random Moving Bubble Effects
display cool animated “bubble” effects with few lines of code in JavaScript/jQuery. Check them out!
1. JS Bubble Effect #1
JS Bubble Effect 1
SourceDemo
2. JS Bubble Effect #2
JS Bubble Effect #2
Source
2025-02-23
comment 0
612
8 Animated Parallax Examples Using jQuery
Article Introduction：jQuery empowerment: 8 amazing parallax animation web page cases
jQuery has greatly improved the level of website animation effects. The parallax effect brings perception and depth to the animation by observing objects in different directions of sight to make them appear in different positions. The following are 8 wonderful cases of using jQuery parallax effects on different websites to inspire you to create your own jQuery parallax animation.
Parallaxbokeh
CSS & jQuery animation parallax bokeh effect created by David Leggett. It uses the animation parallax effect as a website background, and while the effect may slow down the website slightly, this is still a good example.
Come
2025-03-05
comment 0
711
10 jQuery Cool Menu Effect Plugins
Article Introduction：10 cool jQuery menu special effects plug-ins to improve website user experience! We have shared many jQuery navigation menu plugins, and now we bring you 10 more amazing jQuery menu effects plugins. Enjoy it! Related readings: - 10 dazzling jQuery navigation menus - 15 excellent jQuery navigation menus
Right-click menu
This plugin is very easy to use and compact, allowing you to create right-click menus.
Source Code Demo 2. jQuery Multi-level Menu – FX CSS Menu with Submenu
100% CSS menu, visual effects provided by jQuery. Only use Javascript to implement special effects. Fully compatible with cross-browser, package
2025-03-01
comment 0
911
10 Magicial jQuery Text Effect Plugins
Article Introduction：10 magical jQuery text special effects plugins to make your website stand out! jQuery is not only used for menus and animation effects. With jQuery, you can also create attractive text effects and cleverly use text to communicate effectively with users. Through this collection, you can create text gradients, text fly-in effects, text glows, and more. Enjoy it!
Codename Rainbows
We use some JavaScript and CSS magic to apply a two-color gradient for any text. Shadows and highlights can also be applied. This is especially effective in large websites or dynamic content, as it is impractical to create images for each instance in these cases.
source
jQuer
2025-03-07
comment 0
1168
Amazing jQuery Notebook Page Flip Animation
Article Introduction：This jQuery Moleskine Notebook animation, a slick "flash page layout" style page flip effect, showcases jQuery's power, flexibility, and speed. It leverages the jQuery Booklet Plugin.
Advantages of this jQuery Notebook Animation:
Lightwei
2025-03-04
comment 0
748
8 Cool jQuery Animation Effects Tutorials
Article Introduction：jQuery animation effect tutorial: Say goodbye to Flash animation and embrace the era of jQuery animation!
In the past, animation effects on websites usually rely on Flash. But now, with jQuery, you can easily create various animation effects. The following are some jQuery animation effects tutorials to help you start your journey of painting! Related readings:
10 CSS3 and jQuery loading animation solutions
3D JavaScript animation—three.js
JQuery animation feed display imitating Foursquare
This tutorial will show you how to easily create an RSS scrolling subtitle effect using jQuery.
Source Code Demo
jQue
2025-02-26
comment 0
475
jquery .each backwards (reverse it)
Article Introduction：Quick jQuery snippet to reverse each to loop over elements backwards. Example shows effect on loop over a list backwards.
$($("li").get().reverse()).each(function() { /* ... */ });
Frequently Asked Questions (FAQs) about jQuery .each()
2025-02-28
comment 0
569
