说一句
知识是自己的,谁也拿不走的,代码来源于实践,如有错误请留言,感谢你的阅读。
jq隐藏显示页面
使用div修改页面属性来改变页面的风格:使用jq语法更改页面的样式;
初始将页面是显示风格设置为display:none;通过jq语法更改页面风格
- 简单功能记录 ,页面布局我如下:
1、html设计
<div class="login_form">
<!--html设计--!>
</div>
2、css样式
.login_form{
/*css样式*/
display: none;
}
3、javascript代码
//显示
$(".login").click(function() {
$(".login_form").css('display', 'block'); //表示设置为可用
$(".cd-user").css("visibility","visible");
});
//隐藏
$(".cd-close-form").click(function(){
$(".login_form").css('display', 'none'); //表示设置为可用
$(".cd-user").css("visibility","hidden");
});
使用visibility 或者使用display都可以改变显示隐藏样式;