Rumah Kesan khas JS kesan jQuery pemalam carta organisasi jQuery OrgChart

pemalam carta organisasi jQuery OrgChart

pemalam carta organisasi jQuery OrgChart

pemalam carta organisasi jQuery OrgChart

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

Pemalam carta organisasi jQuery OrgChart kod susun atur struktur organisasi ialah alat yang boleh menggunakan data tempatan atau mengisi data lengkap melalui panggilan ajax.

Penafian

Semua sumber di laman web ini disumbangkan oleh netizen atau dicetak semula oleh tapak muat turun utama. Sila semak integriti perisian itu sendiri! Semua sumber di laman web ini adalah untuk rujukan pembelajaran sahaja. Tolong jangan gunakannya untuk tujuan komersial. Jika tidak, anda akan bertanggungjawab untuk semua akibat! Jika terdapat sebarang pelanggaran, sila hubungi kami untuk memadamkannya. Maklumat hubungan: admin@php.cn

Artikel Berkaitan

jQuery pemilihan tempat duduk dalam talian pemalam carta tempat duduk kesan khas sharing_jquery jQuery pemilihan tempat duduk dalam talian pemalam carta tempat duduk kesan khas sharing_jquery

16 May 2016

Artikel ini terutamanya memperkenalkan kesan khas carta tempat duduk dalam talian pemilihan tempat duduk jQuery Ia disyorkan kepada semua orang yang memerlukan boleh merujuknya.

pemalam carta alir cuti jquery pemalam carta alir cuti jquery

11 May 2023

Prakata Meminta cuti adalah perkara yang tidak dapat dielakkan di tempat kerja, dan ketelusan serta penyeragaman proses cuti adalah penting untuk pengurusan perusahaan, kecekapan dan kerjasama. Oleh itu, membangunkan pemalam carta alir permohonan cuti jQuery bukan sahaja dapat meningkatkan kecekapan proses permohonan cuti syarikat, tetapi juga mengurangkan tenaga kerja dan meningkatkan daya saing syarikat. 1. Pengenalan kepada pemalam Pemalam carta alir permohonan cuti jQuery ialah pemalam yang dibangunkan berdasarkan jQuery Fungsi utamanya adalah untuk membantu perusahaan menyeragamkan dan menjadikan proses permohonan cuti lebih telus bentuk carta aliran untuk memudahkan pengurus korporat dan pekerja.

5 pemalam perpustakaan carta jQuery teratas [perpustakaan pemalam jquery]_Pengetahuan asas 5 pemalam perpustakaan carta jQuery teratas [perpustakaan pemalam jquery]_Pengetahuan asas

16 May 2016

Artikel ini terutamanya memperkenalkan 5 pemalam perpustakaan carta jQuery teratas [perpustakaan pemalam jquery] Rakan yang memerlukan boleh merujuknya.

Pemalam jQuery Skippr melaksanakan carta fokus slaid effects_jquery Pemalam jQuery Skippr melaksanakan carta fokus slaid effects_jquery

16 May 2016

Skippr ialah pemalam tayangan slaid jQuery yang sangat mudah. Hanya masukkan fail jquery.skippr.css dan jquery.skippr.js dalam halaman web anda untuk menggunakannya. Skippr boleh menyesuaikan diri dengan lebar tetingkap, dan navigasi ialah navigasi bar yang unik.

nota kajian kesan animasi jquery (8 kesan)_jquery nota kajian kesan animasi jquery (8 kesan)_jquery

16 May 2016

Artikel ini berkongsi nota kajian kesan animasi jquery, yang menyediakan analisis terperinci tentang kesan animasi jquery, dan menerangkan prinsip kesan fade-in dan fade-out dan kesan gelongsor Jika anda ingin mempelajari kesan animasi jquery dengan baik, baca artikel ini dengan sabar saya percaya anda akan menemui sesuatu yang tidak dijangka.

Bagaimana untuk menulis animasi dalam jquery Bagaimana untuk menulis animasi dalam jquery

28 May 2023

jQuery ialah perpustakaan JavaScript berkuasa yang sangat memudahkan kerja pembangun dan pereka. Antaranya, kesan animasi Jquery telah menjadi salah satu elemen terpenting dalam reka bentuk. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mencipta kesan animasi. 1. Kesan animasi jQuery Kesan animasi jQuery biasanya dilaksanakan menggunakan fungsi animate(). Ia membolehkan pengaturcara mencipta animasi peralihan pada satu atau lebih sifat CSS. fungsi animate() memerlukan

Bagaimana untuk menetapkan kelewatan dalam jquery Bagaimana untuk menetapkan kelewatan dalam jquery

26 Apr 2023

Dalam pembangunan bahagian hadapan, kita selalunya perlu menggunakan jQuery untuk mengendalikan beberapa kesan interaktif dan kesan animasi, seperti kesan animasi apabila tetikus melayang, kesan animasi apabila halaman dimuatkan, dsb. Tetapi kadangkala kita perlu menetapkan masa penangguhan supaya kesan ini dapat dinyatakan dengan lebih baik. Jadi, bagaimanakah jQuery menetapkan kelewatan? Artikel ini akan memperkenalkan isu ini secara terperinci. 1. Kaedah kelewatan dalam jQuery Dalam jQuery, kesan kelewatan boleh dicapai dengan mudah dengan menggunakan kaedah kelewatan(). Kaedah kelewatan() boleh digunakan

kesan menaip jquery berhenti memadam kesan menaip jquery berhenti memadam

23 May 2023

Dengan populariti Internet, aplikasi kesan menaip menjadi semakin meluas, dan kesan menaip jquery telah menjadi pilihan pertama banyak pembangun laman web. Walau bagaimanapun, dalam proses merealisasikan kesan khas ini, isu terperinci sering menjejaskan pengalaman pengguna, seperti masalah pemadaman kesan khas menaip. Artikel ini akan memperkenalkan cara menggunakan kesan menaip jquery untuk menghentikan pemadaman dan meningkatkan pengalaman menyemak imbas pengguna. Pelaksanaan kesan menaip jquery boleh menggunakan pemalam siap pakai, seperti typed.js dan jQuery.Typewriter. Pemalam ini adalah berdasarkan jquery

Bagaimana untuk menggunakan kesan sorotan dalam jQuery? Bagaimana untuk menggunakan kesan sorotan dalam jQuery?

27 Feb 2024

Bagaimana untuk menggunakan kesan sorotan dalam jQuery? Dalam pembangunan web, kesan sorotan ialah reka bentuk interaktif biasa yang boleh menyerlahkan elemen tertentu dan menarik perhatian pengguna. Dalam jQuery, kesan penonjolan boleh dicapai melalui kod mudah, menambahkan beberapa kesan dinamik dan visual pada halaman web. Artikel ini akan memperkenalkan cara untuk melaksanakan kesan penonjolan dalam jQuery dan memberikan contoh kod khusus. Mula-mula, pastikan anda memasukkan perpustakaan jQuery dalam halaman web anda. Anda boleh menambah tag

See all articles See all articles

Hot Tools

jQuery2019 Kesan Khas Animasi Bunga Api Pengakuan Hari Valentine

jQuery2019 Kesan Khas Animasi Bunga Api Pengakuan Hari Valentine

Kesan khas animasi bunga api pengakuan Hari Valentine jQuery yang sangat popular pada Douyin, sesuai untuk pengaturcara dan pakar teknikal untuk menyatakan cinta mereka kepada gadis yang mereka cintai Tidak kira anda suka atau tidak, anda perlu bersetuju pada akhirnya.

templat antara muka log masuk animasi responsif layui

templat antara muka log masuk animasi responsif layui

templat antara muka log masuk animasi responsif layui

520 Kesan khas animasi web pengakuan Hari Valentine

520 Kesan khas animasi web pengakuan Hari Valentine

jQuery Animasi Pengakuan Hari Valentine, Animasi Latar Belakang 520 Pengakuan

Halaman log masuk sistem yang keren

Halaman log masuk sistem yang keren

Halaman log masuk sistem yang keren

Pemain muzik pita HTML5-CASSETTE PLAYER

Pemain muzik pita HTML5-CASSETTE PLAYER

Pemain muzik pita HTML5-CASSETTE PLAYER

Hot Article

Poket Pokemon: Cara Bermain Dengan Rakan
02 Nov 2024 Panduan permainan mudah alih
Semua penyelesaian teka-teki safehouse 6 Black Ops
26 Oct 2024 Panduan permainan mudah alih
Brotato: Binaan Pemburu Terbaik
13 Nov 2024 Panduan permainan mudah alih
The Sims 4: Life & Death - Panduan Pokok Penjaga
03 Nov 2024 Panduan permainan mudah alih