使用jQuery的addClass改变body CSS
Changing body CSS with a jQuery addClass
我正在创建一个带有jQuery库的网站,并且我的库(类似于lightbox)运行良好。我的问题是,我可以创建一个CSS"主体类",我可以从一个jQuery事件调用?这就是我想要的:当有人点击图片时,图库就出现了。然后主体背景变为黑色,并缩小到浏览器页面的大小,mainContent消失,只显示图像。当事件发生时,是否有任何方法可以向页面添加body类?就像 :
$("div_one").click(function(){
$("body").addClass("the_new_body_css_look");
});
和CSS:
.the_new_body_css_look {
body {
/* the colors */
}
mainContent {
/* the size */
}
}
检查它的最快方法可能是亲自尝试。答案是肯定的。
相关文章:
- 我的'body'css背景图像在chrome中跳跃
- jQuery .css body opacity
- 确定body's背景图像(css)已加载
- css() 没有为 body tag 设置背景属性
- 将内联 CSS 添加到 Timnymce 中的 body
- 如何在 css 和 javascript 中隐藏 “body” 语句
- 简单jQuery切换到$(“html,body”).css({“overflow”:“hidden”});当打开并且然后
- Firefox CSS transitions with body overflow:hidden
- 使用 CSS 在 BODY 中垂直居中 DIV
- Make Body's的宽度是使用CSS和JS的Screen的两倍
- 使用jQuery的addClass改变body CSS
- 当css加载到body中时,Jquery Colorbox会破裂,这是一个可能的修复
- Javascript将浏览器视口大小输出到body CSS中
- 当JS改变页面高度时,Body背景CSS梯度不会重新绘制
- 设置body.style.fontSize后CSS font-size不起作用
- 动画化body>后台使用CSS和skrollr.js
- 更改body'的属性"zoom"值在外部CSS文件中使用javascript
- 使用JS设置HTML和BODY CSS
- 如何更改iframe中的body css元素
- 通过单击菜单更改body css