JQuery implements the effect of rolling to a location to add a class and rolling back to a location to remove a class

JQuery implements the effect of rolling to a location to add a class and rolling back to a location to remove a class

PetitQ PetitQ JQuery/PHP 2023-11-22 seven hundred and sixty-three zero
When the page scrolls to a div, add a new class to the div through js. Then, when the page scrolls back to the div, remove the class added in the previous step. You can see the middle part of the dynamic graph, and the menu is suspended at the top of the page after scrolling down to a certain position. At the same time, on the other hand, when you move the page up, go to
Jquery adds one click color change function to the website

Jquery adds one click color change function to the website

PetitQ PetitQ JQuery/PHP 2023-8-12 eight hundred and thirty-two zero
The website often has such a function that users can click the corresponding color to adjust the color of the website. That is what we call the color matching function. Here's how to add the skin color matching function to the website. Section Add a jquery cache cookie plug-in jquery. cooki
Realization method of website digital animation tumbling effect (loading at specified position)

Realization method of website digital animation tumbling effect (loading at specified position)

PetitQ PetitQ JQuery/PHP 2023-7-17 nine hundred and eleven zero
There are many number tumbling effects on the website. You can count the specified number from 0 to increase the animation when the page scrolls. This digital animation can control the delay time and animation transition time of the animation. It relies on plug-ins to listen for rolling events. Here's how to realize the digital animation tumbling effect of this website. Step 1: Download the number of jqueries
JQEURY implements the function execution after the monitoring reaches the visual area

JQEURY implements the function execution after the monitoring reaches the visual area

PetitQ PetitQ JQuery/PHP 2023-6-23 five hundred and forty-eight zero
Now many websites have the function that the number increases from zero to the specified number. The realization of this function is also discussed in the website building tutorial in front of the learning website forum. Normally, this function will be executed as soon as the web page is loaded. If the location is low, the change process will not be seen. Then we need to
JQuery suspends DIV in rolling fixed position

JQuery suspends DIV in rolling fixed position

PetitQ PetitQ JQuery/PHP 2023-6-15 seven hundred and twenty-two zero
The div touch top fixed suspension on the top of the browser is a certain section. When the browser is pulled to the position of this div, it will be automatically suspended and fixed on the top of the browser. Now let's introduce how to achieve the effect that div touch top is fixed and suspended on the top of the browser. Introduce JQUERY above the tag at the top of the code; For the introduction method, see: How to introduce JQ into web pages
JQuery scrolling event $(window). scroll() realizes the height change of navigation bar

JQuery scrolling event $(window). scroll() realizes the height change of navigation bar

PetitQ PetitQ JQuery/PHP 2023-5-29 five hundred and seventy-six zero
The jQuery scrolling event $(window). scroll() changes the height of the navigation bar. The height of the navigation menu of some websites changes with the page pull-down, and when the page is restored to the top, the height is restored. The effect is shown in the following figure: How can the height of the navigation bar change with the page dragging? This requires the use of jQu
Jquery realizes the function of circular display of information on a single page website

Jquery realizes the function of circular display of information on a single page website

PetitQ PetitQ JQuery/PHP 2023-5-29 five hundred and seventy-eight zero
When we develop websites, some single page websites will have the function of continuously displaying different information in cycles. Every few seconds, one display will be displayed. After a few seconds, it will disappear, and then another information will be displayed. How to do this function? This function is made through JQUERY's setTimeout () function. Code such as
JQuery makes dynamic number roll count to the specified number effect

JQuery makes dynamic number roll count to the specified number effect

PetitQ PetitQ JQuery/PHP 2023-4-07 eight hundred and thirty-nine zero
Many websites now have digital displays. In order to make the effect look bigger, these numbers will be displayed and rolled to the specified number. The effect is shown in the following figure: the following describes how to make this dynamic digital roll count to the specified digital effect. Step 1: Download the JS file necessary for the digital roll count: shu.js
JQuery scrolling event $(window). scroll() realizes the height change of navigation bar

JQuery scrolling event $(window). scroll() realizes the height change of navigation bar

PetitQ PetitQ HTML/CSS , JQuery/PHP 2023-3-31 1.46K zero
In some websites, the height of the navigation menu changes with the drop down of the page, and when the page is restored to the top, the height is restored again. The effect is shown in the following figure: How can the height of the navigation bar change with the page dragging? This requires the use of the jQuery scroll event $(window). scroll(). Let's introduce the implementation method

Hot selling template

Ashade - Works exhibition photo album WordPress Chinese theme
LensNews

This site accepts WordPress/PbootCMS/DedeCMS, etc
System construction, imitation, development, customization and other services!

Sign in