Code de chronologie verticale simple pour jQuery+css3
code js
<script type="text/javascript">
$(document).ready(function(e) {
var h = $(".about4_main ul li:first-child").height()/2;<!--La moitié de la hauteur du premier li-->
var h1 = $(".about4_main ul li:last-child").height()/2;<!--La moitié de la hauteur du dernier li-->
$(".line").css("top",h);
$(".line").height($(".about4_main").height()-h1-h);
});
</script>
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
16 May 2016
jquery.timelinr.js est un plug-in de chronologie jQuery avec des effets très sympas. Ci-dessous, l'éditeur de Script House vous présentera le plug-in jQuery Timelinr pour implémenter des timelines verticales et horizontales. Les amis qui en ont besoin peuvent s'y référer.
24 Feb 2021
Cet article partage un effet de chronologie implémenté à l'aide de CSS3. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.
15 May 2018
Cet article présente principalement l'exemple de code pour l'implémentation de chronologie la plus élémentaire dans le CSS frontal et le partage avec vous comme référence. J'espère qu'il pourra vous aider.
20 Mar 2017
Il s'agit d'un plug-in d'animation d'image de focus basé sur jQuery et CSS3. Le plug-in est très mini et possède des fonctions relativement simples. Sa fonctionnalité est que le bouton de changement d'image est similaire à une chronologie. à l'image correspondante. Lorsque vous cliquez sur le bouton de commutation, le bouton aura un effet lumineux qui s'estompe pendant le processus de changement d'image, l'effet de transition de l'image entière est très doux et la description de l'image est également affichée sur l'image sous forme animée. manière. C'est un très bon composant de commutation d'image CSS3. Code source de la démo en ligne à télécharger Code HTML : <div id='gal'> <nav class..
16 May 2016
Il s'agit d'un jQuery et CSS3 très cool imitant l'effet de différence visuelle d'arrière-plan d'affiche Apple TV. Cet effet de différence visuelle utilise la souris pour se déplacer vers le haut, le bas, la gauche et la droite sur l'écran, et divers éléments de l'affiche se déplacent à différentes vitesses, formant un effet de différence visuelle, et comporte également des effets spéciaux de streamer.
16 May 2016
Cet article parle principalement du code pour implémenter le lecteur de musique (html5 css3 jquery). Les amis dans le besoin peuvent s'y référer.
09 Apr 2018
Le contenu de cet article est de partager le code d'Angular JQuery pour générer une interface de gestion simple et express. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
16 May 2016
Par rapport à l'utilisation de la page d'inscription et de la page de connexion, l'expérience utilisateur consistant à utiliser la couche de masque pour s'inscrire et se connecter sur la page actuelle est bien meilleure. Ici, nous utilisons jQuery et CSS pour implémenter un simple effet de masque.
28 Mar 2017
Cet article vous présente principalement les informations pertinentes sur l'utilisation de CSS3 pour créer un simple affichage d'image de cube translucide 3D. L'article donne un exemple de code complet, qui a une certaine valeur de référence pour la compréhension et l'apprentissage de tous. Les amis qui en ont besoin peuvent le suivre. Jetons un coup d'oeil.
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.
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
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
Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE
Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE