masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > jQuery melaksanakan penukaran tab dengan beberapa baris code_jquery

jQuery melaksanakan penukaran tab dengan beberapa baris code_jquery

WBOY

Lepaskan： 2016-05-16 16:10:25

asal

1191 orang telah melayarinya

Hari ini tiba-tiba saya terfikir dan memikirkan cara yang sangat mudah untuk mencapai kesan tab

Sebenarnya, logiknya sangat mudah, tetapi pada dasarnya ia tidak ditulis seperti ini di Internet

Saya tidak tahu jika terdapat sebarang masalah dalam permohonan sebenar, sila beri saya nasihat

Salin kod Kod adalah seperti berikut:

jQuery Tab Mudah

*{ margin:0; pelapik:0;}
badan, ul, li {
Margin:0;
pelapik:0;
}
badan {
fon:12px/1.5 Tahoma;
}
#luar {
Lebar:450px;
Margin:10px auto;
}
#tab {
Limpahan:tersembunyi;
Zum:1;
latar belakang:#000;
Sempadan:1px pepejal #000;
}
#tab li {
float:left;
Warna:#fff;
ketinggian:30px;
Kursor:penunjuk;
Ketinggian garisan: 30px;
List-style-type:none;
Padding:0 20px;
}
#tab li.current {
Warna:#000;
latar belakang:#ccc;
}
#kandungan {
Sempadan:1px pepejal #000;
Sempadan-atas-lebar:0;
}
#content ul {
Ketinggian garisan: 25px;
Paparan:tiada;
Margin:0 30px;
Padding:10px 0;
}

Artikel terbaru oleh pengarang

Apakah itu NullPointerException, dan bagaimana saya membetulkannya?

2024-10-22 09:46:29
Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C

2024-10-13 13:53:41
Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula

2024-10-12 12:15:51
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu

2024-10-11 22:47:31
Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak

2024-10-11 19:36:51
Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak

2024-10-11 15:50:41
Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula

2024-10-11 15:07:41
PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web

2024-10-11 14:21:21
Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda

2024-10-11 12:59:11
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula

2024-10-11 12:17:31

Isu terkini

Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...

daripada 2024-04-06 14:54:03

0

2

421

Bagaimana untuk mendapatkan semula nilai baris yang tidak dipilih dalam jadual data HTML menggunakan jquery Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabi...

daripada 2024-04-05 09:26:49

0

1

1418

Perlukan skrip jquery untuk mengalihkan pilihan yang dipilih dari kotak pilihan berdasarkan pemilihan semasa pengguna akhir Saya mempunyai halaman HTML di mana pengguna akhir boleh meletakkan kedudukan item kami me...

daripada 2024-04-04 18:40:04

0

1

3528

Saya telah mencipta elemen dalam CSS tulen melalui penanda halaman. Ia dicipta tetapi tidak kelihatan Kod saya adalah seperti berikut: g=document.createElement('div');g.setAttribute("id&q...

daripada 2024-04-04 17:27:27

0

1

417

Tidak dapat menghantar data borang pada iOS Safari/Firefox Ini berfungsi pada semua platform kecuali Safari/Firefox pada iOS: jQuery("#gform_1&q...

daripada 2024-04-04 12:53:48

0

1

303

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan