Rumah > hujung hadapan web > tutorial js > jQuery实战之品牌展示列表效果_jquery

jQuery实战之品牌展示列表效果_jquery

WBOY
Lepaskan: 2016-05-16 18:08:03
asal
1659 orang telah melayarinya

jQuery实战之品牌展示列表效果_jquery

只是初始状态;

jQuery实战之品牌展示列表效果_jquery

这是点击后效果。首相分析下需求:
1,首先在页面中创建导航,单击标题的时候,隐藏内容,同时小图标也改变。
2,单击更多的时候,显示隐藏的链接内容,并将"更多"变成"简化",改变小图标,并高亮部分链接。
下面是完整代码:

复制代码 代码如下:





text







图书分类











Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan