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

abcd23211年前前端开发439
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"    
        })    
    }     
};


相关文章

实现checkbox 翻页后,仍保持选中状态

使用的技术 localStorage.setItem(key,val); localStorage.getItem(key); <input...

谷歌在线字库应用

Google Fonts 提供了超过 600 种的高质量的字体,所有的浏览器都兼容,无需引入 JavaScript,简单易用,更重要的是,免费。如何使用 Google Fonts在线字库地址:http...

滚屏加载–无刷新动态加载数据技术的应用

滚屏加载技术,就是使用Javascript监视滚动条的位置,每次当滚动条到达浏览器窗口底部时,触发一个Ajax请求后 台PHP程序,返回相应的数据,并将返回的数据追加到页面底部,从而实现了动态加载,其...

背景图片靠右对齐,并且间距从右算起

假如右边有个小箭头需要右对齐并且垂直居中,可以写成 background:url("images/icon.png")no-repeat right center;如果需要离右边1...

PHP实现将textarea的值根据回车换行拆分至数组

textarea回车换行为 \r\n$keyword_list = trim($_REQUEST['keywords']); $keyword_arr ...

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

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

发表评论    

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