一个人在线观看免费视频www,欧美性猛片aaaaaaa

Maison

Effets spéciaux JS

Effets spéciaux CSS3

CSS3 comme plus un effet spécial d'animation

Télécharger maintenant Aper?u

code js

<script type="text/javascript">
(function ($) {
	$.extend({
		tipsBox: function (options) {
			options = $.extend({
				obj: null,  //jq對象，要在那個html標簽上顯示
				str: "+1",  //字符串，要顯示的內(nèi)容;也可以傳一段html，如: "<b style='font-family:Microsoft YaHei;'>+1</b>"
				startSize: "12px",  //動畫開始的文字大小
				endSize: "30px",    //動畫結(jié)束的文字大小
				interval: 600,  //動畫時間間隔
				color: "red",    //文字顏色
				callback: function () { }    //回調(diào)函數(shù)
			}, options);
			$("body").append("<span class='num'>" + options.str + "</span>");
			var box = $(".num");
			var left = options.obj.offset().left + options.obj.width() / 2;
			var top = options.obj.offset().top - options.obj.height();
			box.css({
				"position": "absolute",
				"left": left + "px",
				"top": top + "px",
				"z-index": 9999,
				"font-size": options.startSize,
				"line-height": options.endSize,
				"color": options.color
			});
			box.animate({
				"font-size": options.endSize,
				"opacity": "0",
				"top": top - parseInt(options.endSize) + "px"
			}, options.interval, function () {
				box.remove();
				options.callback();
			});
		}
	});
})(jQuery);
  
function niceIn(prop){
	prop.find('i').addClass('niceIn');
	setTimeout(function(){
		prop.find('i').removeClass('niceIn');	
	},1000);		
}
$(function () {
	$("#btn").click(function () {
		$.tipsBox({
			obj: $(this),
			str: "+1",
			callback: function () {
			}
		});
		niceIn($(this));
	});
});
</script>

	
		這是一款基于jQuery+CSS3實現(xiàn)的比較實用點贊加一動畫特效，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

Créer un effet d'animation de barre de progression circulaire à l'aide de CSS3 et SVG

04 Apr 2025

Vous pouvez utiliser CSS3 et SVG pour créer un effet d'animation de la barre de progression circulaire. Les étapes sont les suivantes: créer un élément SVG et définir un chemin circulaire; Réglez un style de ligne pointillé pour le chemin circulaire; Utilisez l'animation CSS3 pour contr?ler le décalage de la ligne en pointillés; Réglez un pourcentage de progrès en ajustant le décalage initial de la ligne en pointillés.

Comment puis-je créer un effet de fondu à l'aide de transitions CSS3??

28 Oct 2024

Transitions CSS3?:?obtention d'effets de fondu En CSS3, les transitions offrent un outil puissant pour créer des effets visuels dynamiques. Parmi ces effets, il y a...

Les transitions CSS3 fournissent-elles des événements pour détecter les points de début et de fin??

18 Nov 2024

Comprendre les événements de transition CSS3 Les transitions CSS3 permettent des animations fluides et des effets visuels sur les éléments Web. Pour valoriser l'utilisateur...

Pourquoi mon animation slide-up utilisant CSS3 @keyframes ne fonctionne-t-elle pas??

28 Oct 2024

Transition CSS3 - Effet de fondu sortantEn utilisant CSS3, vous pouvez facilement implémenter des effets de fondu pour améliorer l'expérience utilisateur. Cependant, si vous rencontrez...

Comment puis-je détecter le début et la fin des transitions CSS3??

31 Dec 2024

Détection des événements de transition CSS3 Les transitions dans CSS3 ajoutent des effets dynamiques aux éléments Web, améliorant ainsi leur réactivité. Pourtant, c'est souvent...

Comment puis-je créer des effets CSS3 dans Internet Explorer 7/8 ?

28 Oct 2024

émulation des effets CSS3 dans Internet Explorer 7/8De nombreux sites Web utilisent les capacités de CSS3 pour améliorer l'apparence des éléments à l'aide d'arrondis...

Comment émuler CSS3 Border-Radius et Box-Shadow dans IE7/8??

02 Nov 2024

émulation CSS3 Border-Radius et Box-Shadow dans IE7/8En l'absence de support CSS3 natif dans Internet Explorer 7 et 8, obtenir des effets tels que...

Comment pouvez-vous imiter les effets CSS3 dans les anciens navigateurs IE??

28 Oct 2024

émuler les merveilles des effets CSS3 dans les anciens navigateurs IE Alors que CSS3 apporte une pléthore d'effets élégants à la conception Web, les navigateurs existants comme...

Est-ce que ??transition?: all?? ralentit les transitions CSS3??

03 Dec 2024

Est-ce que ??Transition?:?Tout?? entrave la vitesse de transition CSS3?? L'utilisation de transitions CSS3 offre des effets animés aux éléments Web. Une pratique courante consiste à employer...

See all articles