masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > Menu lungsur turun yang menggabungkan css dan js menyokong kemahiran pelayar_javascript arus perdana

Menu lungsur turun yang menggabungkan css dan js menyokong kemahiran pelayar_javascript arus perdana

WBOY
Lepaskan： 2016-05-16 16:34:37
asal
1151 orang telah melayarinya

Pernyataan pertama:

Walaupun saya telah bekerja dalam kedudukan hadapan web selama bertahun-tahun, keperluan teknikal jawatan tersebut tidaklah tinggi. HTML dan CSS kebanyakannya digunakan, tetapi JavaScript jarang asli dan pada dasarnya disalin dan diubah suai Oleh itu, apabila saya benar-benar menulisnya, saya mendapati bahawa asasnya saya belajar dan berlatih pada masa yang sama, dan saya mendapat banyak .

Rendering:

Tiada lagi perkara karut, mari siarkan kod

1. kod css

Salin kod Kod adalah seperti berikut:

a:link{color:white;text-decoration:none;}
a:dilawati{color:white;text-decorative:none;}
a:hover{color:white;text-decorative:none;}
a:active{color:white;text-decorative:none;}
li{float:left;display:inline;background-color:#003366;width:120px;text-align:center;margin:2px;padding:10px 0 5px 0;position:relative;}
.limouseover{warna latar:#0033ff;warna:merah;}
.limouseout{warna latar:#003366;warna:hitam;}
li ul{display:none;width:120px;position:absolute;left:0;top:30px;}
li ul li{margin:0px auto;border-top:1px solid #006699;}

2. Kod JavaScript

Salin kod Kod adalah seperti berikut:

Artikel terbaru oleh pengarang
Isu terkini
Dalam paparan mudah alih, bagaimana saya boleh menutup bar navigasi ini apabila pengguna mengklik pada pautan? Apabila pengguna mengklik pautan untuk menyemak imbas tapak web, bar navigasi tidak ditutu...
daripada 2024-04-06 19:23:03
0
1
411
Tunjukkan panel sisi tersembunyi: ditandai Saya ingin mempunyai menu navigasi dalam panel sisi dengan keupayaan untuk beralih kepada ...
daripada 2024-04-06 15:49:33
0
1
319
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
PHPMailer menggunakan gmail dan XOAUTH2: Bagaimana untuk mendapatkan token penyegaran baharu secara automatik apabila token penyegaran semasa tamat tempoh? Saya bimbang tentang menggunakan Gmail dengan XOAUTH2 (PHPMailerWiki) dan Bagaimana untuk ...
daripada 2024-04-06 10:14:45
0
1
373
Fungsi JavaScript tidak mempunyai kesan pada klik butang Saya telah mencari di internet dan mencuba banyak perkara, tetapi saya terjebak pada masal...
daripada 2024-04-05 13:14:53
0
2
1433
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

Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

Tentang kita Penafian Sitemap

© php.cn All rights reserved