Found a total of 10000 related content
10 Amazing jQuery Carousel Plugins
Article Introduction：10 amazing jQuery carousel plugins to rejuvenate your website! Carousel plug-ins are essentially a display tool for continuously looping display media (for example, images are displayed at time intervals to ensure that each image is displayed on its turn). Enjoy it!
rCarousel
A continuous carousel plug-in based on jQuery UI.
Theatre Carousel
An amazing carousel plugin. You can add it to your page and this tutorial will guide you on how.
Barousel
A jQuery plugin that makes it easy to create simple carousels, where each slide is defined by images and any type of related content.
2025-03-06
comment 0
948
Continuous Carousel Driven by jQuery UI
Article Introduction：This jQuery UI continuous carousel, rcarousel, offers a nostalgic trip back to childhood carousels, but without the motion sickness! Version 1.1 boasts significant improvements, including support for any HTML content (not just images) and simplified
2025-02-28
comment 0
700
A Content-switching Component Built 3 Ways: jQuery, JS, CSS
Article Introduction：Key Findings:
This article explores three approaches to building a content-switching component: jQuery, vanilla JavaScript, and CSS-only. Each method offers trade-offs regarding ease of implementation, browser compatibility, and code efficiency.
jQ
2025-02-20
comment 0
638
Using jQuery to Capture Vertical Scroll Percentage
Article Introduction：This article explores using jQuery to track and respond to vertical scroll percentages within a web browser window. It highlights browser inconsistencies, particularly between Firefox and Chrome, in accurately reporting 100% scroll. Several practic
2025-03-01
comment 0
756
jQuery Check if Vertical Scroll is Present
Article Introduction：Use a simple jQuery code snippet to determine whether the main window vertical scroll bar exists. This feature is very useful, for example, when the user scrolls to the bottom of the page, an event that displays the relevant page can be triggered.
// Check whether the vertical scroll bar exists
// Also applicable to FF8
verticalScrollPresent: function() {
return (document.documentElement.scrollHeight !== document.documentElement.clientHeight);
}
// A lengthy version of the above method
verticalScrol
2025-03-01
comment 0
773
10 Premium jQuery Image/Content Sliders Plugins
Article Introduction：Ten powerful jQuery slide plug-ins are recommended to help you create a cool website!
The following are ten excellent jQuery slide plug-ins on Code Canyon. They are powerful and have amazing effects, which will definitely add a lot of color to your website. All pictures are copyrighted by their respective authors.
jQuery Banner Rotator / Slideshow
This jQuery banner carousel plug-in has a variety of cool switching effects. Thumbnails and buttons are easy for users to browse banners/ads. It also supports resizing and can be configured via plug-in parameters.
Estro – jQuery Ken Burns & Swipe effect
2025-02-24
comment 0
1011
How to Build a Simple jQuery Slider
Article Introduction：This article will guide you to create a simple picture carousel using the jQuery library. We will use the bxSlider library, which is built on jQuery and provides many configuration options to set up the carousel.
Nowadays, picture carousel has become a must-have feature on the website - one picture is better than a thousand words!
After deciding to use the picture carousel, the next question is how to create it. First, you need to collect high-quality, high-resolution pictures.
Next, you need to create a picture carousel using HTML and some JavaScript code. There are many libraries on the web that can help you create carousels in different ways. We will use the open source bxSlider library.
The bxSlider library supports responsive design, so the carousel built with this library can be adapted to any
2025-03-11
comment 0
917
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
663
A jQuery Plugin for Touch Swiping - Part 1 of 2
Article Introduction：This article details building a jQuery plugin for detecting horizontal swipes on touch devices. Part one focuses on creating a responsive image carousel. Part two (not included here) will add swipe detection.
Key Concepts:
This tutorial creates a j
2025-02-24
comment 0
1079
jQuery simulate a toggle event
Article Introduction：Use jQuery to simulate triggering a switch event, simply triggering a click event, for example:
.trigger('click');
For example, if you have two buttons that do the exact same action, you can simulate clicking a button with event handler attached to facilitate code reuse.
// Simulate events
$(this).parents('.parent').find('.controls cancel').trigger('click');
jQuery simulation switch event FAQ
What is the purpose of jQuery simulates switching events?
jQuery
2025-02-28
comment 0
829
10 Most Beneficial jQuery Tab Plugins
Article Introduction：This article showcases ten helpful jQuery tab plugins to enhance your website's user experience. These plugins simplify the creation of interactive tabbed content, eliminating page reloads when switching between tabs. Let's explore these options:
G
2025-02-25
comment 0
620
How to Calculate Scroll Percentage in JavaScript for Different Browsers?
Article Introduction：Determining Scroll Percentage in JavaScript: A Cross-Browser ApproachFor cross-browser compatibility in determining the percentage of vertical scroll completed, a versatile method is required. While frameworks like Dojo, jQuery, Prototype, and Mootoo
2024-10-18
comment 0
1067
How to create a responsive sidebar with CSS?
Article Introduction：Use HTML and CSS to create responsive sidebars; 2. The desktop side is laid sidebars with content through Flexbox; 3. The mobile side sets the sidebars to vertical stacking or hidden sliding display through media queries; 4. Optionally, the mobile menu switching can be achieved through the checkbox hack; 5. Key tips include using modern layout technology, multi-device testing and ensuring accessibility, and ultimately implementing adaptive sidebar design without frameworks.
2025-08-02
comment 0
517
5 jQuery Touch Swipe Image Gallery Plugins
Article Introduction：Five super cool jQuery touch sliding picture library plug-ins are recommended to help you display your products or portfolios in a wonderful way! Users can swipe up and down, left and right to switch pictures, which is worth a try! Related articles:
30 Best Free Android Media Players
Add jQuery drag/touch support for iPad
Hammer.js touch carousel diagram
A JavaScript library for multi-touch gestures.
Source code demonstration 2. TouchSwipe
TouchSwipe is a jQuery plug-in that can be used with jQuery on touch devices such as iPad and iPhone.
Source code demonstration 3. TouchWipe
Allows you to use iPhone, iPad or i
2025-02-23
comment 0
1030
