Maison Effets spéciaux JS effets jQuery Code de chronologie verticale simple pour jQuery+css3

Code de chronologie verticale simple pour jQuery+css3

Code de chronologie verticale simple pour jQuery+css3

jQuery + CSS3 code de chronologie verticale simple

Un code de chronologie verticale jQuery très simple, quelle que soit la quantité de contenu li, la ligne droite ne dépassera pas le plug-in de chronologie verticale jQuery et le point rouge sera toujours centré.

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>
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

jQuery Timelinr implémente un plug-in de chronologie verticale et horizontale (avec téléchargement du code source)_jquery jQuery Timelinr implémente un plug-in de chronologie verticale et horizontale (avec téléchargement du code source)_jquery

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.

Utilisez CSS3 pour obtenir un effet de chronologie simple (avec code) Utilisez CSS3 pour obtenir un effet de chronologie simple (avec code)

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.

Exemple de code pour implémenter une chronologie simple en utilisant CSS Exemple de code pour implémenter une chronologie simple en utilisant CSS

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.

Utilisez du CSS3 pur pour implémenter un exemple de code de carte de focus de changement de chronologie Utilisez du CSS3 pur pour implémenter un exemple de code de carte de focus de changement de chronologie

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..

Partage du code source des effets de différence visuelle basés sur JQuery et CSS3 pour imiter l'affiche Apple TV background_jquery Partage du code source des effets de différence visuelle basés sur JQuery et CSS3 pour imiter l'affiche Apple TV background_jquery

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.

Code pour implémenter un lecteur de musique (html5 css3 jquery)_jquery Code pour implémenter un lecteur de musique (html5 css3 jquery)_jquery

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.

Partage de code pour Angular JQuery pour générer une interface simple de gestion des livraisons express Partage de code pour Angular JQuery pour générer une interface simple de gestion des livraisons express

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.

Code simple pour implémenter une couche de masque à l'aide de jQuery CSS compatible avec les navigateurs grand public_jquery Code simple pour implémenter une couche de masque à l'aide de jQuery CSS compatible avec les navigateurs grand public_jquery

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.

Utilisez CSS3 pour créer un exemple de code d'image de cube translucide 3D simple Utilisez CSS3 pour créer un exemple de code d'image de cube translucide 3D simple

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.

See all articles See all articles

Hot Tools

jQuery2019 Effets spéciaux d'animation de feux d'artifice de confession de la Saint-Valentin

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

modèle d'interface de connexion animée réactive layui

520 effets spéciaux d'animation Web de confession de la Saint-Valentin

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

Cool page de connexion au système

Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE

Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE

Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE