Found a total of 10000 related content
Scroll to Top Using jQuery (Setup time: 2mins)
Article Introduction：Quickly create a website back to top scrolling function (set time: 2 minutes)
This guide will guide you step by step how to set up the Back to Top feature on your website. Just scroll down this page to view the demo.
Download the scrollTo plugin and include it.
Get an image (arrow or similar).
Contains the following HTML code.
Contains the following jQuery/JavaScript code to capture window scrolling and process the display of images.
It's that simple!
HTML
jQuery
This jQuery code displays the image when the user scrolls down, hides the image when scrolling up, and processes click events.
$(document).ready(funct
2025-02-24
comment 0
901
10 Amazing Image Effects using jQuery
Article Introduction：Ten amazing jQuery image effects plugins to inject fashion into your website! With these jQuery image effects plugins, you can easily convert ordinary images on your website, enhance image effects, create galleries, scrollers, and make your website look new!
Image segmentation effects combined with CSS and jQuery
This tutorial will create an image segmentation effect. It's similar to a sliding door effect, where the image slides left or right, showing the text behind it, but the difference is that the effect looks like the image is split in half, one moves to the left and the other moves to the right.
Source
jQuery Image Distortion Script
ImageWarp adds interesting twist effects to selected images on the page
2025-03-10
comment 0
1341
jQuery Cleanly Open Links in Popup Windows
Article Introduction：This jQuery code cleanly opens links with the class "popup" in a new popup window, preventing them from opening in the current page or a new tab. Customize the height and width parameters as needed.
Here's the code:
jQuery(document).ready
2025-03-05
comment 0
520
jQuery Detect Scroll to Bottom - Read T&C
Article Introduction：Use jQuery detection to scroll to the bottom and enable the terms and conditions checkbox after the user scrolls to the bottom of the page (or div with scrolling).
The following jQuery code snippet can detect whether the user has scrolled to the bottom of the page:
jQuery(document).ready(function() {
jQuery("input#TERMS_ACCEPTED_YN").attr("disabled", true);
var $box = $("#scrollPane"),
2025-03-04
comment 0
1049
jQuery PNG/JPEG/GIF Plugins
Article Introduction：A series of jQuery PNG/JPEG/GIF plug-ins to achieve image animation, cartoon background and other effects, helping you to take the web image design to the next level! Related blog posts:
100 jQuery pictures/content sliders
jQuery PNG repair IE6 background image
jQuery Canimate plugin
A jQuery plug-in that uses high-speed printing of image files to achieve animation effects of non-GIF image files. You can easily change the frame rate; in addition, you can still do everything on elements that contain the image (such as adding borders).
Source Code Demo PNGFix jQuery Plug-in
By applying IE-specific filters to images with alpha channels, I allow
2025-02-27
comment 0
735
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 set innerText(), innerHTML(), textContent()
Article Introduction：Core points
jQuery combined with JavaScript can modify the text content of HTML elements to include new text, images, code, etc. This article focuses on three jQuery functions: innerText(), innerHTML() and textContent().
The innerText() function reads and writes the text between the element's starting tag and the end tag, including line breaks; the innerHTML() function modifies HTML in the page element, but removes line breaks; the textContent() function modifies the text of the page element, and also removes line breaks.
There is a line break problem with the textContent() function: it doesn't look like in
2025-03-09
comment 0
815
jQuery Detect and Hide Broken Images
Article Introduction：Use jQuery to easily detect and process damaged web pages
This article provides jQuery code snippets for handling damaged pictures in web pages. You can choose to replace damaged pictures with the default pictures, or directly hide damaged pictures and say goodbye to the annoying red fork!
// Use the default image to replace the damaged image
$('img').error(function(){
$(this).attr('src', 'missing.png');
});
// Or, directly hide the damaged picture
$("img").error(function(){
$(this).hide();
}
2025-03-10
comment 0
329
Implementing Native Lazy Loading for Images in HTML
Article Introduction：Native lazy loading is a built-in browser function that enables lazy loading of pictures by adding loading="lazy" attribute to the tag. 1. It does not require JavaScript or third-party libraries, and is used directly in HTML; 2. It is suitable for pictures that are not displayed on the first screen below the page, picture gallery scrolling add-ons and large picture resources; 3. It is not suitable for pictures with first screen or display:none; 4. When using it, a suitable placeholder should be set to avoid layout jitter; 5. It should optimize responsive image loading in combination with srcset and sizes attributes; 6. Compatibility issues need to be considered. Some old browsers do not support it. They can be used through feature detection and combined with JavaScript solutions.
2025-07-12
comment 0
828
How to Build an Auto-Expanding Textarea jQuery Plugin, Part 1
Article Introduction：Automatically expanding text areas are very popular on sites like Facebook. The height of the text area box expands and shrinks according to the amount of text entered by the user. This has several advantages:
Your page design will not be dominated by large text area boxes.
Online forms with multiple text areas look shorter and easier to complete.
Users can view all text without scrolling.
View the extended text area demo...
This three-part tutorial describes how to build an automatically extended text area using HTML and reusable jQuery plug-in. By the end of the third part, you will understand how it works and have code that can be used in your own project.
need
Like all good developers, we should
2025-03-08
comment 0
687
Dave The Diver: How To Catch Spider Crabs
Article Introduction：In Dave The Diver, there are some creatures that are not easy to catch. Or, catch alive that is. The spider crab is one of those very species, making it seem like the only way to bring these crustaceans back up to land is to viciously crack them up w
2025-01-10
comment 0
811
Prepare for Interview Like a Pro with Interview Questions CLI
Article Introduction：Prepare for Interview Like a Pro with Interview Questions CLI
What is the Interview Questions CLI?
The Interview Questions CLI is a command-line tool designed for JavaScript learners and developers who want to enhance their interview
2025-01-10
comment 0
1439
Soft Deletes in Databases: To Use or Not to Use?
Article Introduction：Soft Deletes: A Question of DesignThe topic of soft deletes, a mechanism that "flags" records as deleted instead of physically removing them, has...
2025-01-10
comment 0
1054
