JS如何判断分辨率不同,调用不同的CSS,不同的image文件夹

来源：互联网发布：java替换\ 编辑：程序博客网时间：2024/05/29 02:55

不同的CSS文件

<script type="text/javascript">         

        var scrWidth = window.screen.width;   

     if(screen.width > 1024){   

             document.write("<link href='/images/1.css' rel='stylesheet' type='text/css' />");   

}

       else if(screen.width <= 800){   

                document.write("<link href='/images/2.css' rel='stylesheet' type='text/css' />");   

}

       else{   

           document.write("<link href='/images/3.css' rel='stylesheet' type='text/css' />");   

}

</script>

不同的image文件夹

        <script>

            $(function (){

                function getSrc(){

                    var arr=[];

                    if(screen.width>1440) {

                        // alert("路径改掉了")

                        $("img").each(function (){

                            arr.push( $(this).attr("src") );

})

                        // return arr;

                        var s=[];

                        for( var i=0;i<arr.length;i++){

                            s.push( arr[i].replace("images","images1") );

}

                        console.log(s)

                        $("img").each(function (i){

                            $(this).attr("src",s[i])

})

}

}

                getSrc()

})

        </script>

阅读全文

0 0