Maison

Effets spéciaux JS

effets jQuery

Plugin d'organigramme jQuery OrgChart

Télécharger maintenant Aperçu

code js

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/html2canvas.js"></script>
<script type="text/javascript" src="js/jquery.orgchart.js"></script>
<script type="text/javascript">
'use strict';
(function($){
  $(function() {
	var datascource = {
	  'name': 'Lao Lao',
	  'title': 'general manager',
	  'relationship': { 'children_num': 8 },
	  'children': [
		{ 'name': 'Bo Miao', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
		{ 'name': 'Su Miao', 'title': 'department manager', 'relationship': { 'children_num': 2, 'parent_num': 1,'sibling_num': 7 },
		  'children': [
			{ 'name': 'Tie Hua', 'title': 'senior engineer', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 1 }},
			{ 'name': 'Hei Hei', 'title': 'senior engineer', 'relationship': { 'children_num': 2, 'parent_num': 1,'sibling_num': 1 },
			  'children': [
				{ 'name': 'Pang Pang', 'title': 'engineer', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 1 }},
				{ 'name': 'Xiang Xiang', 'title': 'UE engineer', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 1 }}
			  ]
			}
		  ]
		},
		{ 'name': 'Yu Jie', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
		{ 'name': 'Yu Li', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
		{ 'name': 'Hong Miao', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
		{ 'name': 'Yu Wei', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
		{ 'name': 'Chun Miao', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
		{ 'name': 'Yu Tie', 'title': 'department manager', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }}
	  ]
	};

	$('#chart-container').orgchart({
	  'data' : datascource,
	  'depth': 2,
	  'nodeTitle': 'name',
	  'nodeContent': 'title'
	});

  });

})(jQuery);
</script>

Le code de mise en page de la structure organisationnelle du plug-in d'organigramme jQuery OrgChart est un outil qui peut utiliser des données locales ou compléter le remplissage des données via des appels ajax.

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

Plugin jQuery pour lecteur audio de style disque vinyle

19 Jan 2017

Colorizer est un plug-in jQuery qui peut créer un lecteur audio de type disque vinyle. Ce plug-in utilise jQuery pour piloter la lecture audio et utilise CSS3 pour créer des effets d'animation pour le tourne-disque.

jquery laisser le plug-in d'organigramme

11 May 2023

Préface Demander un congé est une chose inévitable au travail, et la transparence et la standardisation du processus de congé sont cruciales pour la gestion, l'efficacité et la collaboration de l'entreprise. Par conséquent, le développement d'un plug-in d'organigramme d'application de congé jQuery peut non seulement améliorer l'efficacité du processus de demande de congé de l'entreprise, mais également réduire la main-d'œuvre et améliorer la compétitivité de l'entreprise. 1. Introduction au plug-in Le plug-in d'organigramme d'application de congé jQuery est un plug-in développé sur la base de jQuery. Sa fonction principale est d'aider les entreprises à standardiser et à rendre le processus de demande de congé plus transparent. sous la forme d'un organigramme pour faciliter les dirigeants d'entreprise et les employés.

plugin de validation de formulaire jquery

22 Nov 2017

Le plug-in de validation de formulaire jquery nous convient parfaitement dans nos propres projets. Ceux qui sont intéressés par jquery peuvent également l'étudier et apprendre jquery.

méthode privée du plugin jquery

28 May 2023

jQuery est une bibliothèque JavaScript très populaire qui fournit facilement aux développeurs Web diverses fonctionnalités et outils. Parmi eux, les plug-ins sont une fonctionnalité majeure de jQuery. Ils peuvent ajouter plus de fonctions et d'opérations à jQuery. Cet article présentera les méthodes privées des plug-ins jQuery, qui sont très importantes dans le développement de plug-ins. 1. Qu'est-ce qu'un plug-in jQuery ? Avant d'entrer dans les détails des méthodes privées, nous devons comprendre ce qu'est un plugin jQuery. Le plugin jQuery est une extension de jQuery

jquery插件--ajaxfileupload.js

12 Dec 2016

jquery插件--ajaxfileupload.js

plugin de menu jquery ?

23 May 2023

Plugin de menu jQuery - l'outil idéal pour améliorer l'expérience utilisateur Dans les sites Web modernes, les menus de navigation sont l'un des éléments les plus importants. Non seulement ces menus aident les utilisateurs à localiser le contenu qu’ils souhaitent, mais ils constituent également un élément important du style et de la conception du site Web. Par conséquent, les développeurs doivent s’assurer que le menu de navigation est facile à utiliser, qu’il présente de bonnes fonctionnalités et qu’il est beau. À cet égard, le plugin de menu jQuery est un outil très utile qui peut grandement améliorer l'expérience utilisateur. jQuery est une bibliothèque JavaScript populaire largement utilisée sur les sites Web et nous

Qu'est-ce que le plugin jQuery

30 May 2019

Les plug-ins jquery sont des outils écrits par certaines personnes utilisant jquery. Lorsque nous les appelons, nous n'avons besoin que de très peu de code pour obtenir de bons résultats. Le but de l'écriture de plug-ins jquery est principalement d'encapsuler une série de méthodes ou de fonctions existantes. , afin qu'il puisse être réutilisé ailleurs pour faciliter la maintenance ultérieure et améliorer l'efficacité du développement.

jQuery简单滚动插件

25 Nov 2016

jQuery简单滚动插件

Plugin de formulaire jQuery jquery.form.js

14 May 2020

Le plug-in jQuery Form est un excellent plug-in de formulaire Ajax qui peut mettre à niveau facilement et de manière non invasive les formulaires HTML pour prendre en charge Ajax. jQuery Form a deux méthodes principales - ajaxForm() et ajaxSubmit(), qui combinent tout, du contrôle des éléments du formulaire à la décision

See all articles

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