Effets des options coulissantes jQuery
Effets des options coulissantes jQuery
<style type="text/css">
.demo { remplissage : 2em 0 ; arrière-plan : #fff ; }
a: survol, a: focus { contour : aucun ; décoration de texte : aucune ; }
.tab .nav-tabs { border-bottom : aucun ; position : relative ; }
.tab .nav-tabs li { marge-droite : 60px ; indice z : 1 ; }
.tab .nav-tabs li:after { content: ""; largeur : 100 % ; bordure : 1px solide #ccc6c6 ; position : absolue ; haut : 50 % ; à droite : -60 % ; indice z : -1 ; }
.tab .nav-tabs li:last-child:after { border: none; }
.tab .nav-tabs li a { display: block; remplissage : 15px 20px ; arrière-plan : #fff ; taille de police : 15 px ; poids de la police : 600 ; couleur : #956cae ; transformation de texte : majuscule ; rayon de bordure : 0 ; marge droite : 0 ; bordure : 2px solide #956cae ; position : relative ; débordement caché; indice z : 1 ; transition : tous les 0,3 s facilitent les 0 ; }
.tab .nav-tabs li.active a, .tab .nav-tabs li a:hover { color: #fff; bordure : 2px solide #956cae ; }
.tab .nav-tabs li a:after { content: ""; bloc de visualisation; largeur : 100 % ; hauteur : 0 ; position : absolue ; haut : 0 ; gauche : 0 ; indice z : -1 ; transition : tous les 0,3 s facilitent les 0 ; }
.tab .nav-tabs li.active a:after, .tab .nav-tabs li a:hover:after { hauteur : 100 % ; arrière-plan : #956cae ; }
.tab .tab-content { remplissage : 20px 10px ; marge supérieure : 0 ; taille de police : 14 px ; couleur : #999 ; hauteur de ligne : 26 px ; }
.tab .tab-content h3 { taille de police : 24 px ; marge supérieure : 0 ; }
Écran @media uniquement et (largeur maximale : 767 px) {
.tab .nav-tabs li { marge : 0 25px 0 0 ; }
}
Écran @media uniquement et (largeur maximale : 479 px) {
.tab .nav-tabs li { largeur : 100 % ; alignement du texte : centre ; marge : 0 0 10px 0 ; }
.tab .nav-tabs li:après { largeur : 0 ; hauteur : 100 % ; en haut : automatique ; bas : -60 % ; à droite : 50 % ; }
}
</style>
L'application jQuery+Bootstrap est également compatible avec les applications jQuery+Bootstrap.有动画效果。
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
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 ?
Explication détaillée des étapes des effets spéciaux d'accordéon jquery
24 Apr 2018
Cette fois, je vais vous apporter une explication détaillée des étapes des effets spéciaux d'accordéon jquery. Quelles sont les précautions à prendre pour mettre en œuvre les effets spéciaux d'accordéon jquery ?
jquery implémente des effets spéciaux de rotation des annonces d'images
24 Apr 2018
Cette fois, je vais vous présenter jquery pour implémenter des effets spéciaux de carrousel d'image et quelles sont les précautions à prendre pour que jquery implémente des effets spéciaux de carrousel d'image. Ce qui suit est un cas pratique, jetons un coup d'œil.
28 Nov 2017
En plus de l'asynchrone, ce que nous devons utiliser le plus dans jquery, c'est l'animation et les effets spéciaux. Si nous voulons offrir aux utilisateurs une meilleure expérience, jquery est le meilleur choix. Jetons un coup d'œil à l'explication détaillée de l'animation et des effets spéciaux de jquery. .
16 May 2016
Cet article présente principalement jQuery pour implémenter simplement des effets spéciaux de masquage et d'affichage. Les amis qui en ont besoin peuvent s'y référer.
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.
16 May 2016
Ce que je partage avec vous ici, ce sont deux effets spéciaux jQuery écrits par moi. Ils sont très simples et pratiques, je les recommande à tout le monde. J'espère qu'ils pourront être utiles à tout le monde.
HTML, CSS et jQuery : conseils pour obtenir des effets de rotation d'image
25 Oct 2023
HTML, CSS et jQuery : Techniques de mise en œuvre d'effets spéciaux de rotation d'image Introduction : Dans la conception Web moderne, afin d'apporter une meilleure expérience visuelle aux utilisateurs, les effets spéciaux d'image jouent un rôle important dans la conception Web. Parmi eux, l'effet de rotation de l'image peut non seulement attirer l'attention de l'utilisateur, mais également ajouter une touche de dynamique et de mode à la page. Cet article expliquera comment utiliser HTML, CSS et jQuery pour obtenir des effets de rotation d'image et donnera des exemples de code spécifiques. 1. Structure HTML : Tout d’abord, nous devons créer une structure HTML de base
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.
Hot Tools
jQuery+Html5 réalise un magnifique code d'animation de confession
jQuery+Html5 implémente un magnifique code d'animation de confession, l'effet d'animation est génial, un incontournable pour que les programmeurs se confessent !
Code d'effets spéciaux js pour la confession romantique d'un couple
Code d'effets spéciaux JS pour la confession romantique des couples. De tels effets spéciaux peuvent être utilisés sur des sites Web de photographie de mariage ou placés sur des sites Web personnels. C'est également un bon effet spécial que le site Web chinois PHP recommande de télécharger !
Simple js aime l'artefact de confession
Artefact de confession d'amour simple en js natif
Effets expressifs d'animation de particules HTML5 de Bunker
Code d'effets spéciaux d'expression d'animation de particules HTML5 de Bunker, le texte des effets spéciaux d'animation peut être modifié dans le code, vous pouvez créer une page, vous pouvez personnaliser la saisie de texte, il devrait être très populaire, cet effet spécial HTML5 est très beau.
Modèle d'interface de connexion en arrière-plan réactif jQuery
Code source HTML du modèle d'interface de connexion backend réactif jQuery. La page de connexion utilise jquery pour vérifier le formulaire et déterminer si le nom d'utilisateur et le mot de passe répondent aux exigences. Habituellement, la page de connexion est une page qui doit être utilisée sur les sites Web d'entreprise ou les sites Web réactifs des centres commerciaux. pages, lorsque le navigateur effectue un zoom avant ou arrière, l'arrière-plan redimensionnera l'image en fonction du navigateur ! Le site Web chinois PHP recommande le téléchargement !