jQuery判断不同分辨率下的div样式
2016-06-21 17:11
302 查看
<script src="js/jquery-1.8.3.min.js"></script>
<script>
window.onload=function(){
if (screen.width <= 1024){ //分辨率小于等于1024时
$(".m1").attr("class", "red");//替换class为ml的样式为red;
$(".m2").show();
}else{
$(".m1").show();
$(".m2").hide();
}
}
</script>
<style>
.red {color:red;}
</style>
</head>
<body>
<div class="m1">m1m1m1m1mm1m1m1mm11mm1m1m</div>
<div class="m2">m2m2m2m2m2m2m2m2mm2m2m2m2m2m</div>
</body>
<script>
window.onload=function(){
if (screen.width <= 1024){ //分辨率小于等于1024时
$(".m1").attr("class", "red");//替换class为ml的样式为red;
$(".m2").show();
}else{
$(".m1").show();
$(".m2").hide();
}
}
</script>
<style>
.red {color:red;}
</style>
</head>
<body>
<div class="m1">m1m1m1m1mm1m1m1mm11mm1m1m</div>
<div class="m2">m2m2m2m2m2m2m2m2mm2m2m2m2m2m</div>
</body>
相关文章推荐
- IE:如何做到全屏显示
- 修改注册表实现在桌面上显示Windows版本
- Attrib 显示、设置或删除指派给文件或目录的只读、存档、系统以及隐藏属性
- VB的TextBox文本框实现垂直居中显示的方法
- jquery实现的V字形显示效果代码
- C#实现获取系统目录并以Tree树叉显示的方法
- bat脚本显示本机IP地址的两种方法(内网ip)
- 图象函数中的中文显示
- 桌面中心(四)数据显示
- 用ODBC的分页显示
- 显示、隐藏密码
- javascript实现点击后变换按钮显示文字的方法
- JS动态显示表格上下frame的方法
- 通过js判断访客显示器屏幕分辨率并给出提示
- JS获取当前网页大小以及屏幕分辨率等
- select 控制网页内容隐藏于显示的实现代码
- js实现input框文字动态变换显示效果
- jQuery隐藏和显示效果实现
- jQuery实现高亮显示的方法
- jQuery仅用3行代码实现的显示与隐藏功能完整实例