interface Web
js tutoriel
jQuery exploite DIV pour lier la souris sur les événements (code ci-joint)
jQuery exploite DIV pour lier la souris sur les événements (code ci-joint)
Cette fois, je vous propose jQuery pour lier les événements de survol de la souris aux DIV (avec du code). Quelles sont les précautions pour que jQuery lie les événements de survol de la souris aux DIV. Ce qui suit est un cas pratique. et jetez un oeil.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery响应鼠标实现p由下向上展开</title>
<style type="text/css">
.big{position:relative; width:234px; height:300px; background:#ccc}
.show{position:absolute; display:none; bottom:0px;display:block; width:100%; height:auto; background:#f66 }
</style>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(".big").hover(function () {
$(".show").stop(true,true).animate({height:"70px"});
}, function () {
$(".show").stop(true,true).animate({height:"0px"});
});
});
</script>
</head>
<body>
<!--灰色的p-->
<p class="big">
<!--红色的p-->
<p class="show"></p>
</p>
</body>
</html>Principe :
① Tout d'abord, le p rouge est positionné par position:absolutepositionnement absolu, et via le positionnement par rapport au bas, tel que bottom:0px.
② Le positionnement inférieur est fixe et s'étend vers le haut lorsque la hauteur devient plus élevée.
③ Utilisez la méthode d'animation $().animate() de jQuery pour contrôler le changement de hauteur du p rouge.
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Comment imprimer les informations du journal à partir de la console
Comment utiliser Vue pour faire fonctionner DIV
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Comment désactiver l'aperçu des vignettes de la barre des tâches dans Win11 ? Désactivez la technique d'affichage des vignettes de l'icône de la barre des tâches en déplaçant la souris
Feb 29, 2024 pm 03:20 PM
Cet article explique comment désactiver la fonction de vignette affichée lorsque la souris déplace l'icône de la barre des tâches dans le système Win11. Cette fonctionnalité est activée par défaut et affiche une vignette de la fenêtre actuelle de l'application lorsque l'utilisateur passe le pointeur de la souris sur une icône d'application dans la barre des tâches. Cependant, certains utilisateurs peuvent trouver cette fonctionnalité moins utile ou perturber leur expérience et souhaiter la désactiver. Les miniatures de la barre des tâches peuvent être amusantes, mais elles peuvent aussi être distrayantes ou ennuyeuses. Compte tenu de la fréquence à laquelle vous survolez cette zone, vous avez peut-être fermé plusieurs fois des fenêtres importantes par inadvertance. Un autre inconvénient est qu'il utilise plus de ressources système, donc si vous cherchez un moyen d'être plus efficace en ressources, nous allons vous montrer comment le désactiver. mais
HP lance la souris logicielle à trois modes Professor 1 : 4 000 DPI, Blue Shadow RAW3220, prix initial de 99 yuans
Apr 01, 2024 am 09:11 AM
Selon les informations de ce site Web du 31 mars, HP a récemment lancé une souris Bluetooth à trois modes Professor1 sur JD.com, disponible dans les couleurs de thé au lait noir et blanc, avec un prix initial de 99 yuans, et un dépôt de 10 yuans est requis. . Selon les rapports, cette souris pèse 106 grammes, adopte un design ergonomique, mesure 127,02 x 79,59 x 51,15 mm, dispose de sept niveaux 4000 DPI en option, est équipée d'un capteur Blue Shadow RAW3220 et utilise une batterie de 650 mAh. être utilisé sur une seule charge 2 mois. Les informations sur les paramètres de la souris jointes à ce site sont les suivantes :
La souris et le tapis de souris sans fil Razer | Pokémon Gengar sont désormais disponibles, au prix fixe de 1 549 yuans
Jul 19, 2024 am 04:17 AM
Selon les informations de ce site du 12 juillet, Razer a annoncé aujourd'hui le lancement de la souris et du tapis de souris sans fil Razer|Pokémon Gengar. Les prix des produits individuels sont respectivement de 1 299 yuans et 299 yuans, et le prix du forfait comprenant les deux produits est de 1 549 yuans. Ce n'est pas la première fois que Razer lance des produits périphériques co-marqués Gengar. En 2023, Razer a lancé la souris de jeu Yamata Orochi V2 de style Gengar. Les deux nouveaux produits lancés cette fois utilisent tous un fond violet foncé similaire à l'apparence des familles Ghost, Ghost et Gengar. Ils sont imprimés avec les contours de ces trois Pokémon et Poké Balls, avec le personnage Gengar A au milieu. grande image colorée d’un Pokémon de type fantôme classique. Ce site a constaté que la souris sans fil Razer|Pokémon Gengar est basée sur la Viper V3 Professional Edition précédemment publiée. Son poids total est de 55 g et équipé du FOC de deuxième génération de Razer
Les produits de la série de claviers et de souris « Elden's Circle » co-marqués par VGN sont désormais sur les étagères : thème personnalisé Lani / Faded One, à partir de 99 yuans
Aug 12, 2024 pm 10:45 PM
Selon les informations de ce site le 12 août, VGN a lancé le 6 août la série de claviers et de souris co-marqués « Elden Ring », comprenant des claviers, des souris et des tapis de souris, conçus avec un thème personnalisé de Lani/Faded One. de produits Il a été mis sur JD.com, au prix de 99 yuans. Les informations sur les nouveaux produits co-marqués jointes à ce site sont les suivantes : Clavier VGN丨Elden Law Ring S99PRO Ce clavier utilise une coque en alliage d'aluminium pur, complétée par une structure de silencieux à cinq couches, utilise une structure à ressort à lames GASKET, a un seul -PCB à fente pour touches et capuchons de touches en matériau PBT de hauteur d'origine, fond de panier personnalisé en alliage d'aluminium ; prend en charge la connexion à trois modes et la technologie à faible latence SMARTSPEEDX connectée au VHUB, il peut gérer plusieurs appareils en un seul arrêt, à partir de 549 yuans ; VGN丨Elden French Ring F1PROMAX souris sans fil la souris
Dans quel dossier se trouve le pilote de la souris Razer ?
Mar 02, 2024 pm 01:28 PM
De nombreux utilisateurs ne savent pas où vont les fichiers installés par leurs pilotes Razer. Ces fichiers de pilotes sont généralement installés sur le disque système, qui est le lecteur C de l'ordinateur. L'emplacement spécifique se trouve dans le dossier RAZE sous programfiles. Dans quel dossier se trouve le pilote de la souris Razer ? R : Dans le dossier RAZE sous programfiles sur le lecteur système C. Généralement, le pilote sera installé sur le lecteur C, il suffit de le trouver en fonction de l'emplacement. Introduction à la méthode d'installation du pilote de souris Razer 1. Après avoir téléchargé le fichier depuis le site officiel, double-cliquez pour exécuter le fichier EXE téléchargé. 2. Attendez que le logiciel se charge. 3. Ici, vous pouvez choisir le pilote que vous souhaitez installer. 4. Après la sélection, cliquez sur « Installer » dans le coin inférieur droit.
Colorful lance la souris de jeu sans fil M900 Pro : forme ergonomique pour droite, récepteur Nano 8K, à partir de 199 yuans
Mar 23, 2024 pm 05:16 PM
Selon les informations de ce site Web le 22 mars, Delux a lancé la souris de jeu sans fil M900Pro avec une forme ergonomique pour droitier. Le premier prix de prévente commence à 199 yuans. Le Colorful M900Pro est conçu avec une ergonomie pour les droitiers et est conçu pour les utilisateurs ayant des mains moyennes à grandes. Il pèse 63 g et est pulvérisé avec un revêtement UV mat. La souris utilise le capteur PAW3395, le récepteur Nano d'origine prend en charge un taux de retour sans fil de 8 000 Hz, est équipé du micro-mouvement à points roses Huannuo et est livré en standard avec une base de chargement RVB et des autocollants antidérapants. De plus, la souris prend également en charge des fonctions telles que le réglage du LOD, la personnalisation complète des touches, le contrôle d'ondulation personnalisé et la correction de ligne droite. Elle est équipée de patins en PTFE, d'une corde de parachute de 1,6 m et d'un compartiment de rangement pour récepteur intégré. Ce site résume les paramètres spécifiques de cette souris comme suit : Couleur : noir, blanc, rouge
Comment installer le bloc de poids de la souris
Mar 01, 2024 am 09:20 AM
Comment installer le contrepoids de la souris après l'avoir acheté pour augmenter notre sensation et notre stabilité ? Certains amis ne savent pas comment l'utiliser. Aujourd'hui, je vais vous apprendre à installer ce contrepoids de la souris. Comment installer le bloc de poids de la souris : 1. Il y a un aimant sous la souris, on l'ouvre vers le bas. 2. Ensuite, nous utilisons une pince à épiler pour ouvrir la boîte de poids. 3. Ensuite, nous plaçons le bloc de poids sous la souris. 4. Enfin, notre souris a une stabilité accrue.
Comment gérer une panne incontrôlée de la souris dans WIN10
Mar 27, 2024 pm 12:31 PM
1. Appuyez sur la combinaison de touches [win+x] pour ouvrir le menu contextuel du système et cliquez sur [Gestion de l'ordinateur]. 2. Extension unique : Bibliothèque du Planificateur de tâches du Planificateur de tâches Microsoft Windows Stpm. 3. Recherchez et désactivez [tâche de maintenance tmp] sur le côté droit de la fenêtre.
