当屏幕 宽度 更换 时变换调用css
比如1000宽度时,div调用a1类,600宽度时调用b1类,而不是在600宽度时重新定义a1类...
比如1000宽度时,div调用a1类,600宽度时调用b1类,而不是在600宽度时重新定义a1类
展开
展开全部
jquery:
$(window).resize(function() {
var ww = $(window).width();
if( ww > 1000 ){
$('div').removeClass('b1').addClass('a1');
} else if( ww > 600 && ww < 1000 ){
$('div').addClass('a1').removeClass('b1')
}
});
追问
我新手不太会,$('div')中的div换成id或是class的话怎么写,另外这个jq是否要调用jq插件
追答
id的话是 $('#id名字')
class的话是 $('.class名字')
jq的话直接在页头引用jq就行了,不需要别的。
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(function(){
$(window).resize(function() {
var ww = $(window).width();
if( ww > 1000 ){
$('div').removeClass('b1').addClass('a1');
} else if( ww > 600 && ww < 1000 ){
$('div').addClass('a1').removeClass('b1')
}
});
})
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询