javascript - Gunakan css untuk melaksanakan bar navigasi di web?

1. Bagaimana untuk melaksanakan bar navigasi seperti sebelah kiri http://chuangzaoshi.com/code? 2. Bolehkah ia dilaksanakan sepenuhnya menggunakan css? Bagaimana untuk melaksanakan css tulen? Bagaimana untuk melaksanakan js? Terima kasih! ps: Terima kasih kepada kedua-dua tuan atas jawapan mereka, s...

漂亮男人 2017-06-26 10:50:29 0  2  873

Gunakan React untuk melaksanakan bar navigasi tetap dan halaman bar sisi tetap yang boleh dilipat

Saya cuba melaksanakan halaman dengan bar navigasi tetap dan bar sisi tetap boleh lipat menggunakan komponen React dan chakra-ui. Di bawah adalah contoh kod. import{Box}from"@chakra-ui/react";exportconstApp=()=>{return(<Boxdisplay="flex"><Boxposition="fixed"...

P粉356361722 2023-08-29 08:43:17 0  1  652

Apl Next.js yang digunakan pada Vercel memaparkan kandungan tertentu secara setempat tetapi gagal untuk memaparkannya dalam binaan pengeluaran

Saya mempunyai aplikasi web yang dibina menggunakan Next.JS dan Firebase dan digunakan pada Vercel. Semuanya berfungsi dengan baik sehingga baru-baru ini apabila saya menambah bar navigasi bawah dengan kedudukannya ditetapkan kepada statik, bawah:0. Di bar navigasi bawah saya memaparkan ikon dan tek...

P粉042455250 2024-02-26 13:19:43 0  1  453

javascript - Dalam halaman pengurusan latar belakang, navigasi sisi telah ditulis Bagaimana untuk menyedari bahawa apabila mengklik nav, label tab yang sepadan akan muncul di bahagian kandungan, dan label boleh ditutup?

Navigasi sisi telah ditulis menggunakan bootstrap Bagaimana saya boleh mencapainya apabila saya mengklik pada navigasi, label tab akan muncul di bahagian kandungan dan boleh ditutup?

为情所困 2017-05-19 10:42:17 0  1  670

Menu lungsur turun bar navigasi tidak berfungsi dengan betul dalam Laravel 8

Saya menghadapi masalah dengan bar navigasi dalam Laravel8 secara khusus, keseluruhan bar navigasi muncul pada paparan, tetapi menu lungsur tidak berfungsi. Malah, apabila saya mengklik, menu lungsur tidak dibuka. Ini ialah layout.blade.php: <!DOCTYPEhtml><htmllang="en"><hea...

P粉460377540 2023-12-16 11:55:20 0  1  567

Kod navbar tetap tidak begitu baik, ia menyebabkan masalah dengan pautan rosak, saya tidak tahu mengapa

Saya tidak begitu pasti bagaimana untuk menerangkan masalah ini, tetapi pada asasnya, navbar tetap saya sama ada tidak tatal tetapi hiperpautan berfungsi, atau tatal navbar tetapi hiperpautan tidak berfungsi. Gelung ini terus berlaku apabila saya cuba membetulkannya dalam html dan css. Saya amat men...

P粉004287665 2024-04-04 09:09:20 0  1  458

Bagaimana untuk menjadikan menu hamburger sesuai dengan keseluruhan halaman dalam react jsx

Saya sangat baru dengan Reactjsx, saya menggunakan Tailwind dan ia sangat bagus. Saya juga sedang belajar sambil berjalan. Jadi dalam navigasi saya, saya boleh memaparkan menu hamburger tetapi saya tidak suka cara ia dipaparkan. Saya cuba memastikan keseluruhan halaman diisi dengan warna putih, liha...

P粉368878176 2023-08-31 14:31:09 0  1  523

thinkphp perubahan tempatan

thinkphp3.2 mempunyai pandangan, yang dibahagikan kepada dua bahagian Satu bahagian adalah bar navigasi (dengan berbilang butang untuk fungsi pertanyaan yang berbeza), dan bahagian lain ialah kandungan Bagaimana untuk menyedari bahawa apabila butang tertentu ditekan, sahaja kandungan berubah, manaka...

大家讲道理 2017-05-27 17:42:45 0  1  522

Lumpuhkan halaman seterusnya Vue3 dan fungsi halaman sebelumnya, yang terhad kepada penyemak imbas di bawah laluan penghalaan yang sama.

Hari ini saya menghadapi masalah dan saya memerlukan nasihat. Saya mempunyai struktur halaman penghalaan seperti ini {url}/:id. Matlamat saya adalah untuk menghalang pengguna daripada menavigasi ke halaman sebelumnya dan seterusnya dalam laluan yang sama, contohnya dari {url}/1 ke {url}/2. Saya memb...

P粉002572690 2023-09-06 23:53:05 0  2  699

Bersyarat menukar className kepada modul css (React)

Saya cuba memainkan animasi apabila pengguna menuding pada bar navigasi tapak web saya. Saya cuba mencapai ini dengan menukar modul css berdasarkan sama ada tetikus melayang di atas bar navigasi. Saya cuba memikirkan mengapa kod ini tidak berfungsi. Sebarang bantuan amat dihargai! Navbar.jsx: import...

P粉799885311 2023-08-17 18:10:17 0  1  506

Nuxt-link menggunakan Bootstrap-vue untuk menyegarkan semula masalah halaman

Saya menggunakan nuxt dan bootstrap untuk membina menu jatuh turun tuding tersuai untuk navigasi. Masalah yang saya hadapi ialah submenu navigasi saya NuxtLinks menyegarkan keseluruhan halaman dan bukannya menukar kandungan aplikasi dalam blok Nuxt dengan lancar. Bar navigasi dijana secara dinamik d...

P粉512729862 2023-12-07 08:58:02 0  1  701

Vue3 LocalStorage ditetapkan selepas komponen diberikan

Saya mempunyai bar navigasi yang memuatkan data pengguna, semua ini berlaku selepas pengguna berjaya log masuk ke aplikasi. Masalahnya ialah, selepas memuatkan navbar, localStorage perlu ditetapkan sedikit. Jika saya membungkusnya dalam setTimeout() semuanya berfungsi dengan baik, tetapi saya lebih ...

P粉321584263 2024-03-25 23:56:35 0  1  405

html - bar navigasi css kabur, bar navigasi dibetulkan, dan halaman di bawah kabur semasa halaman meluncur Bagaimana untuk mencapai ini?

Selepas mencari masa yang lama di Internet, saya tidak menemui penyelesaian yang boleh menjejaskan halaman di bawah secara dinamik dan menjadikannya kabur. Ini adalah kesan kabur dari stesen B. Ia adalah statik Prinsipnya adalah menggunakan dua gambar yang sama, mengaburkan bahagian satu gambar dan ...

大家讲道理 2017-05-24 11:36:02 0  2  1097

Bolehkah komponen reka letak akar disembunyikan dalam beberapa laluan bersarang di dalam folder aplikasi Next.js?

Adakah terdapat cara untuk menghalang susun atur akar daripada dibalut oleh susun atur papan pemuka? Dokumentasi Next.jsv13: Struktur fail saya: Saya boleh menggunakan kumpulan laluan walau bagaimanapun, berbuat demikian melumpuhkan pembungkusan dalam kenalan saya, laluan harga. Adakah terdapat cara...

P粉418351692 2024-03-26 11:24:59 0  2  382

Apabila mengubah suai gaya elemen menggunakan JavaScript, bagaimana ini boleh dicapai apabila mengembalikan sejarah?

Dalam bar navigasi saya telah menggunakan gaya pautan aktif. Sebagai contoh, dalam bar navigasi saya mempunyai pautan tentang kami, hubungi kami, bahan, kuiz, dll. Apabila pautan ini diklik, penghalaan akan berubah, seperti 'http://localhost:3000/about-us', ' http:///localhost:3000/material' dsb., d...

P粉982054449 2023-08-29 21:03:19 0  2  498

javascript - Bagaimana untuk menjadikan kotak carian tapak web navigasi mendapatkan fokus kursor input secara automatik?

Contohnya, selepas membuka tapak web navigasi ini: https://www.2345.com/, kursor tidak mengesan kotak carian Baidu secara automatik, saya cuba mendapatkan id dan kemudian memanggil fungsi fokus, tetapi ia tidak berfungsi . Bagaimana untuk menulis sekeping kod js untuk mencapai ini setiap kali saya m...

PHP中文网 2017-06-12 09:28:26 0  2  812

jquery-ajax - Bagaimana untuk melaksanakan penyegaran separa dalam thinkphp3.2.3

Untuk pemula, sebagai contoh, jika saya mahu navigasi bar sisi pada halaman, jika saya mengklik pada salah satu tag, div di sebelah kanan akan memuatkan fail html yang sepadan Jadi bagaimana thinkphp boleh melaksanakan fungsi sedemikian? Gunakan beban jq? pos? Sekiranya HTML yang dimuatkan mengandun...

天蓬老师 2017-05-16 13:15:25 0  3  862

Manfaatkan komponen VueJS dalam PHP

Saya mahu mencampurkan HTML asas yang dijana oleh komponen Php dan VueJS tanpa perlu menggunakan VueJS sehingga ke daun dom terendah. Reka letak induk mempunyai aplikasi Vue yang digunakan, semua pengepala, navigasi, bar sisi, dll. ialah komponen Vue, dan kandungan utama pada kebanyakan halaman masi...

P粉611456309 2023-11-11 00:01:44 0  2  893

Cara paling bijak untuk menjana kod sumber HTML pendua. Menggunakan PHP?

Hai, saya ingin tahu apakah cara pintar untuk menjana kod sumber HTML pendua seperti di bawah. Katakan saya mempunyai 30 baris bernombor dari 1 hingga 30. Saya mempunyai banyak halaman seperti ini yang memerlukan struktur ini. Saya telah menggunakan gelung PHP untuk menjana kod ini dalam halaman itu...

P粉146080556 2023-09-10 16:37:09 0  1  570

Cara memusatkan bar navigasi, kandungan utama dan pengaki

Saya sangat baru dalam dunia pengekodan rangkaian dan memerlukan bantuan. Saya sedang membuat halaman web untuk pasukan sukan tempatan dan memandangkan halaman web mereka tidak kelihatan sangat bagus dan WordPress tidak begitu mesra pengguna, saya fikir mungkin lebih mudah untuk mencuba pengekodanny...

P粉165823783 2023-09-16 13:52:33 0  1  1190