Maison

Effets spéciaux JS

effets jQuery

jQuery faites glisser le curseur de la souris pour sélectionner le code de date

Télécharger maintenant Aperçu

code js

<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="jquery-range/jquery.range.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	// 下拉选择框
	$('.dropdown-menu li').click(function(){
	  var txt=$(this).text();
	  $(this).parent().prev().find('span').eq(0).text(txt);
	})

	changeY();
	$('.dropdown-menu li').click(function(){
		var name=$('a',this).text();
		$(this).parents('.btn-group').find('.dropdown-toggle span').text(name);
		changeY();
	})

	function changeY(){
		var year=$('#year').text().replace(/[^0-9]/ig,"")
		var month=$('#month').text().replace(/[^0-9]/ig,"")
		var days=totalDays(year, month);
		var dayArr=[];
		for(var i=1;i<=days;i++)
		{
			dayArr.push(i+'号');
		}
		var last=parseInt(dayArr[dayArr.length-1]);
		$('.demo').children().remove();
		var div='<input type="hidden" value="" class="single-slider none">';
		$('.demo').html(div)
		// 
		$('.single-slider').jRange({
		    from:1,
		    to:last,
		    step: 1,
		    scale: dayArr,
		    format: '%s',
		    width:850,
		    showLabels: true,
		    snap: true
		});
	}

	//一个月的总天数
	function totalDays(years,months){
		var d = new Date(years, months, 0);
		return d.getDate();
	}
})
</script>

Un curseur de déplacement de la souris implémenté par jQuery pour sélectionner un code de date, dans lequel l'année et le mois sont sélectionnés via un menu déroulant, et le jour est sélectionné en cliquant ou en faisant glisser la souris.

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

Basé sur jquery, faites glisser la souris vers la gauche et la droite pour faire glisser le curseur avec le code source download_jquery

16 May 2016

Cet article présente principalement les informations pertinentes pour réaliser le glissement du curseur en faisant glisser la souris vers la gauche et la droite en fonction de jquery. Le téléchargement du code source est joint. Les amis dans le besoin peuvent s'y référer.

Le curseur du plug-in jQuery implémente le déplacement du curseur pour sélectionner la fourchette de prix_jquery

16 May 2016

Le curseur jquery permet à l'utilisateur de sélectionner une valeur dans une plage limitée. Lorsque le contrôle du curseur est déplacé le long de la piste, une info-bulle représentant la valeur actuelle s'affiche et l'utilisateur peut personnaliser le curseur en définissant ses propriétés.

Maîtrisez jQuery pour implémenter le cadre de dessin de la souris et sélectionner les données dans le cadre

12 May 2018

Tout le monde peut-il utiliser jQuery pour implémenter un cadre de dessin avec la souris et sélectionner les données dans le cadre ? Cet article vous présente l'exemple de code jQuery pour implémenter un cadre de souris et sélectionner les données dans le cadre via un exemple de code. Il est très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer.

Déplacez le pointeur de la souris sur quelque chose et faites-le glisser pour déplacer la position de la fenêtre.

15 Jan 2021

Déplacez le pointeur de la souris sur la « barre de titre » et faites-le glisser pour déplacer la position de la fenêtre. La barre de titre est située en haut de la fenêtre et est utilisée pour afficher le nom de l'application actuelle, le nom du fichier, etc. dans de nombreuses fenêtres. La barre de titre contient également l'icône du programme, "Réduire", "Agrandir", "Restaurer". Les boutons "Fermer" et "Aide" permettent d'exploiter simplement la fenêtre.

Exemple de code de jQuery implémentant div pour suivre le mouvement de la souris

18 Nov 2017

Dans l'article précédent, nous avons analysé en détail l'exemple d'implémentation du suivi de la souris en JavaScript, nous allons donc aujourd'hui vous présenter le cas de jQuery implémentant DIV pour suivre le mouvement de la souris !

jQuery implémente le code de menu de navigation noir pour retourner l'arrière-plan du survol de la souris

16 May 2016

Cet article présente principalement le code du menu de navigation noir pour jQuery pour implémenter le retournement de l'arrière-plan du survol de la souris. Il implique les compétences des événements de souris jQuery combinées à une animation animée pour obtenir un effet de retournement de l'arrière-plan. Il a une certaine valeur de référence. .

JS/jquery implémente des événements de souris pour contrôler l'affichage et le masquage des éléments de la page (exemple de code)

10 Sep 2018

Ce chapitre vous montrera comment utiliser JS/jquery pour contrôler la visibilité des éléments de page à l'aide d'événements de souris. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Exemple de code pour le traitement retardé des événements de survol de la souris dans jQuery

26 Jun 2017

Dans des circonstances normales, nous ne retardons pas le traitement des événements de survol de la souris. Cependant, parfois, afin d'éviter des interférences inutiles, les événements de survol de la souris sont souvent retardés. Ce que l'on appelle l'interférence signifie que lorsque l'utilisateur touche par inadvertance un lien, un onglet ou une autre zone avec la souris, le calque caché ne s'affiche pas ou l'onglet change, mais parce que l'événement de survol (ou l'événement de survol de la souris) est lié à ceux-ci. éléments ), et sans délai, ces délais se déclencheront immédiatement, ce qui gênera les utilisateurs.

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

See all articles

Outils chauds Tags

Éditeurs PHP

Outils de développement

PHP IDE

Cadre PHP

PHP debugging tools

PHP extensions

Hot Tools

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.