jQuery实现响应浏览器缩放大小并改变背景颜色

更新时间：2014年10月31日 15:51:55 投稿：whsnow

这篇文章主要介绍了jQuery实现响应浏览器缩放大小并改变背景颜色,比较实用，也很简单，使用到了一个resize事件需要的朋友可以参考下

/*Javascript代码片段*/

//定义一个方法:这个方法控制浏览器页面背景色的切换变化
function myfunction(){
 $('body').toggleClass('bgcolor');
}
//添加监控页面窗口变化的方法
$(window).resize(myfunction);
//并且在页面加载时即调用
myfunction();

您可能感兴趣的文章:

JQuery 确定css方框模型（盒模型Box Model）
做过前台设置的都知道css存在两种盒模型，W3C标准的方框模型和IE浏览器的方框模型。除IE以外的大多数浏览器只支持W3C方框模型。IE浏览器能够根据页面的呈现模式的定义而是用对性的方框模式。已用哪中呈现的模式取决于页面上的DOCTYPE的声明。
2010-01-01
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
下面小编就为大家带来一篇解决html-jquery/js引用外部图片时遇到看不了或出现403的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
jQuery使用bind动态绑定事件无效的处理方法
今天小编就为大家分享一篇关于jQuery使用bind动态绑定事件无效的处理方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2018-12-12
使用jquery.qrcode.min.js实现中文转化二维码
本文给大家介绍的是一款jQuery的插件jquery.qrcode.min.js，其主要功能是可以生成二维码，而且可以完美支持中文，下面就给小伙伴们介绍下他的用法
2016-03-03
分类解析jQuery选择器
本篇文章详细概述了jQuery选择器的作用并对其进行了实例解析，有助于理解与学习。文章通过对jQuery选择器进行分类的形式进行一一介绍，有助于理解与记忆，希望通过对本文的阅读对大家有所帮助
2016-11-11
为JQuery EasyUI 表单组件增加焦点切换功能的方法
下面小编就为大家带来一篇为JQuery EasyUI 表单组件增加焦点切换功能的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-04-04
jQuery表格行上移下移和置顶的实现方法
这篇文章主要介绍了jQuery表格行上移下移和置顶的实现方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-10-10
jQuery自定义多选下拉框效果
这篇文章主要为大家详细介绍了jQuery自定义多选下拉框效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-06-06
使用jquery实现仿百度自动补全特效
这里给大家分享的效果是像百度的搜索框一样，当用户在文本框输入前几个字母或是汉字的时候,该控件就能从存放数据的文或是数据库里将所有以这些字母开头的数据提示给用户,供用户选择,提供方便，增加用户体验。
2015-07-07
jQuery实现验证码功能
本文主要介绍了jQuery实现验证码功能的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧
2017-03-03