masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 基于jQuery的简单的列表导航菜单_jquery

基于jQuery的简单的列表导航菜单_jquery

WBOY
Lepaskan： 2016-05-16 18:10:09
asal
1148 orang telah melayarinya

下面是我做的一个简单的导航菜单,因为是新手,难免有什么不对的地方,希望大家拍砖!

好了 开始进入正题吧:

1.首先定义CSS样式表:

复制代码 代码如下:



2.引用JQUERY的框架，大家可以去官网上下载最新的JQUERY,好像JQUERY1.5的版本都发布了,链接地址:http://jquery.com/

3.定义HTML标签:
复制代码 代码如下:

4.接下来是定义最重要的JQUERY代码了:

复制代码 代码如下:



5.好了,大功告成了......

运行的效果如下:

基于jQuery的简单的列表导航菜单_jquery

Label berkaitan：
导航菜单
sumber：php.cn
Artikel sebelumnya：20款超赞的jQuery插件 Web开发人员必备_jquery Artikel seterusnya：js对象的比较_js面向对象
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
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
Sempadan bawah CSS pada bar navigasi Saya mempunyai bar navigasi dan saya telah menambah garis merah di bahagian bawah apabila ...
daripada 2024-04-06 15:04:41
0
2
347
Adakah terdapat cara untuk menetapkan prop laluan dalam vue? Saya mahu menavigasi ke tab tertentu dalam halaman ini.$router.push({name:"AdminNotif...
daripada 2024-04-06 11:35:59
0
1
456
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