Maison Effets spéciaux JS effets jQuery Le défilement numérique jQuery ajoute des effets d'animation

Le défilement numérique jQuery ajoute des effets d'animation

Le défilement numérique jQuery ajoute des effets d'animation

Le défilement numérique jQuery ajoute des effets d'animation

code js

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/digitalScroll.js"></script>
<script type="text/javascript">
var sum = 13000;
$(function() {
	setInterval(function(){
		show_num1(sum)
	},1000);
});

function show_num1(n) {
	sum=sum+5;
	console.log(n);
	var it = $(".t_num1 i");
	var len = String(n).length;
	for(var i = 0; i < len; i++) {
		if(it.length <= i) {
			$(".t_num1").append("<i></i>");
		}
		var num = String(n).charAt(i);
		//根据数字图片的高度设置相应的值
		var y = -parseInt(num) * 58;
		var obj = $(".t_num1 i").eq(i);
		obj.animate({
			backgroundPosition: '(0 ' + String(y) + 'px)'
		}, 'slow', 'swing', function() {});
	}
	$("#cur_num").val(n);
}
</script>
jQuery数字滚动增加动画特效是一款样式经过美化的数字上下滚动累加动画效果。 

Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

jquery implémente des effets de défilement numérique jquery implémente des effets de défilement numérique

24 Apr 2018

Cette fois, je vais vous présenter jquery pour réaliser des effets spéciaux de défilement numérique. Quelles sont les précautions à prendre pour jquery pour réaliser des effets spéciaux de défilement numérique ?

jquery implémente des effets tels que le défilement vers la gauche et la droite, le défilement en dégradé et en arrière-plan graphique des menus animés_jquery jquery implémente des effets tels que le défilement vers la gauche et la droite, le défilement en dégradé et en arrière-plan graphique des menus animés_jquery

16 May 2016

Cet article présente principalement l'implémentation par jquery des effets de défilement gauche et droit, de dégradé et de défilement d'arrière-plan graphique des menus animés. Il analyse plusieurs effets de transformation dynamique d'arrière-plan couramment utilisés dans jquery avec des exemples. Il implique des techniques d'implémentation d'effets d'animation de page d'opération dynamique jquery, qui ont certaines techniques. valeur de référence, les amis dans le besoin peuvent s'y référer.

Exemple de jQuery implémentant le défilement des émissions d'information et les effets de fondu d'entrée et de sortie Exemple de jQuery implémentant le défilement des émissions d'information et les effets de fondu d'entrée et de sortie

29 May 2018

Cet article présente principalement l'implémentation par jQuery du défilement des émissions d'information et des effets de fondu d'entrée et de sortie, et analyse les techniques d'exploitation associées pour la transformation dynamique des éléments de page basées sur les plug-ins jQuery sous forme d'exemples. Les amis dans le besoin peuvent se référer au . suivant

jQuery implémente le point d'ancrage du chapitre 'retour en haut' des effets spéciaux d'animation code_jquery jQuery implémente le point d'ancrage du chapitre 'retour en haut' des effets spéciaux d'animation code_jquery

16 May 2016

Cet article présente principalement jQuery pour implémenter le code d'effets spéciaux d'animation "retour en haut" pour les points d'ancrage des chapitres. Il implique des techniques associées de jQuery répondant aux événements de la souris et au défilement pour obtenir le défilement des pages. Il a une certaine valeur de référence. référez-vous à lui.

Le plug-in jQuery multiScroll réalise des effets spéciaux de changement de page de défilement de la souris en plein écran_jquery Le plug-in jQuery multiScroll réalise des effets spéciaux de changement de page de défilement de la souris en plein écran_jquery

16 May 2016

Ce que cet article partage avec vous est un effet spécial de page Web de plug-in de défilement plein écran jQuery. Faites rouler la molette de la souris pour basculer tout l'écran sur un seul écran. Vous pouvez définir le texte/l'image pour afficher le JS. code absolument vers le haut, le bas, la gauche, la droite et le centre. Le plug-in de défilement plein écran jQuery le plus populaire de nos jours ! (Test de compatibilité : IE6 et supérieur, Firefox, Chrome, Opera, Safari, 360 et autres navigateurs grand public)

Comment définir le délai dans jquery Comment définir le délai dans jquery

26 Apr 2023

Dans le développement front-end, nous devons souvent utiliser jQuery pour gérer certains effets interactifs et effets d'animation, tels que les effets d'animation lorsque la souris survole, les effets d'animation lors du chargement de la page, etc. Mais il faut parfois fixer un délai pour que ces effets puissent mieux s'exprimer. Alors, comment jQuery définit-il un délai ? Cet article présentera ce problème en détail. 1. Méthode de retard dans jQuery Dans jQuery, l'effet de retard peut être facilement obtenu en utilisant la méthode delay(). La méthode delay() peut être utilisée

Collection d'effets Jquery pour créer des effets spéciaux de score d'examen de santé informatique avec le code source download_jquery Collection d'effets Jquery pour créer des effets spéciaux de score d'examen de santé informatique avec le code source download_jquery

16 May 2016

Cet article vous présente l'encyclopédie des effets jquery pour créer des effets spéciaux pour les résultats des examens de santé informatiques et est accompagné de téléchargements de code source. Les amis intéressés par l'encyclopédie des effets jquery peuvent apprendre ensemble.

La fonction d'animation de jQuery réalise une animation de commutation d'image et de texte effect_jquery La fonction d'animation de jQuery réalise une animation de commutation d'image et de texte effect_jquery

16 May 2016

animate() est une méthode en jquery qui peut être utilisée pour créer des effets d'animation. La méthode animate() en jquery ajoute de bons effets visuels à cette page.

jQuery implémente l'audition des effets sonores pour le clic de la souris sur event_jquery jQuery implémente l'audition des effets sonores pour le clic de la souris sur event_jquery

16 May 2016

Cet article présente l'audition des effets sonores de l'événement de clic de souris jquery, les effets spéciaux obtenus à l'aide du plug-in jquery. Les amis intéressés peuvent apprendre ensemble.

See all articles See all articles

Hot Tools

jQuery2019 Effets spéciaux d'animation de feux d'artifice de confession de la Saint-Valentin

jQuery2019 Effets spéciaux d'animation de feux d'artifice de confession de la Saint-Valentin

Un effet spécial d'animation de feux d'artifice de confession jQuery pour la Saint-Valentin très populaire sur Douyin, adapté aux programmeurs et aux geeks techniques pour exprimer leur amour à la fille qu'ils aiment. Peu importe que vous choisissiez de l'aimer ou non, vous devez finalement être d'accord.

modèle d'interface de connexion animée réactive layui

modèle d'interface de connexion animée réactive layui

modèle d'interface de connexion animée réactive layui

520 effets spéciaux d'animation Web de confession de la Saint-Valentin

520 effets spéciaux d'animation Web de confession de la Saint-Valentin

Animation de confession jQuery pour la Saint-Valentin, animation d'arrière-plan de 520 confessions

Cool page de connexion au système

Cool page de connexion au système

Cool page de connexion au système

Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE

Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE

Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE