JQ获取浏览器宽度,根据不同宽度给div赋值

abcd23211年前前端开发399
var winWidth = $(window).width();    
var winHeight =$(window).height(); 
$(window).resize(function(){    
	winWidth = $(window).width();    
	winHeight = $(window).height();     
	changeSiz();    
});	
    
changeSiz();    
function changeSiz() {
    if ( winWidth>850 ) {    
	    $(".xingxiang").css({    
	        height:xx_Height,    
	    })    
    }else{    
	    $(".xingxiang").css({    
		height:"auto"    
	    })    
    }    
    if ( winWidth>850 && winWidth < 1330 ) { 
        $(".left").css({    
	    display:"none"    
        })    
    }     
};


相关文章

图片垂直居中,宽高按比例缩放不变形

高度大于宽度,按高度来,宽度自动;反之宽度大于高度也一样.sbzs dl{ width:279px; height:238px; line-height:234...

CSS字体font-family的正确选择方案

本文主要介绍的是CSS字体font-family的正确选择方案,由于设计稿和平台的不同,导致了制作有时候无法还原设计稿,理清各种平台字体区别,有助于做出最好的选择。大家都知道,在不同操作系统、不同游览...

flex布局设置单个子元素靠右

父元素设置了flex 布局display: flex; align-items: center;如何让某个子元素靠右呢?方法一flex: 1; text-a...

CSS实现单行、多行文本溢出显示省略号(…

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;...

滚轮滚动时让div背景图片移动的相对缓慢

鼠标滚轮滚动时,这一个div的移动速度相对较慢,下面其他div内容能够追上并超越它。css代码:.banner { width: 100%; position:...

用JS获取地址栏参数的方法

采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)function GetQueryString(name) {      v...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。