最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery基于事件控制实现点击显示内容下拉效果
时间:2017-06-03 编辑:简简单单 来源:一聚教程网
1、实例代码:
代码如下 | 复制代码 |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> body{ font-family:微软雅黑; font-size:12px; font-stretch:normal; background-color:!important; width:400px; height:auto; } .total{ border:#00FF00 solid 1px; font-size:12px; } .module{ padding:6px; font-size:14px; font-weight:bolder; background-color:#FC6; } .content{ padding:8px; font-size:12px; font-family:微软雅黑; text-align:center; display:none; } .open{ background-color:#0000FF; } $(function(){ $(".content").html("你好,欢迎来到脚本之家!"); $(".module").click(function(){ $(this).addClass("open").next(".content").css("display","block"); $(this).css("color","#FFFFF"); }); });
模块
|
2、实例结果:
(1)初始化
(2)点击“模块”
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31