最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
基于jquery 高亮显示和隐藏代码
时间：2012-05-15 编辑：简简单单 来源：一聚教程网
这里我们有点像产品选择效果，像aifang网的楼盘列表页面就有这种效果，先显示一部份然后点击更多就全部显示了，先来看效果图一
上面是在未点击，显示全部品牌时的效果，我们点击“显示全部品牌”出现如下效果。
这亲就全部显示出来了，只要再点击“精简显示品牌”就可以回到最初的效果了，好了下面我们来看效果代码
jquery代码，也是核心代码如下
| 代码如下 | 复制代码 |
|
|
|
css代码如下
| 代码如下 | 复制代码 |
html代码
| 代码如下 | 复制代码 |
|
|
好了，我们只要把上面三段代码分别保存到文件就可以查看效果，也可以同时放在同一html页面的，这里我就不多讲了，大家应该都懂得。
相关文章
- JQuery实现层的隐藏和显示的几种方法 10-16
- jquery笔记之点击按钮隐藏标签和显示标签 11-08
- jquery animate方法实现鼠标经过显示离开隐藏效果 07-22
- 基于jQuery实现右侧列表显示隐藏实现代码 09-21
- 基于jquery显示隐藏按钮实现代码 07-25
- 二款jquery div显示隐藏代码 10-15