JS如何判断分辨率不同,调用不同的CSS,不同的image文件夹
2017-08-04 20:26
302 查看
不同的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>
<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>
相关文章推荐
- JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
- 【HTML】通过不同的分辨率调用不同的css,两种方法:css本身判断、js调用css
- JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
- JS判断不同分辨率,调用不同CSS的方法
- 【PHP】php通过javascript判断不同设备分辨率来调用不同的css class
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- 用JS判断不同分辨率调用不同的CSS样式文件
- 用js实现根据不同的分辨率和浏览器调用不同的css文件
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- 判断浏览器类型屏幕分辨率自动调用不同CSS文件
- JS判断不同分辨率调用不同的CSS样式文件
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- 如何根据浏览器和分辨率调用不同的CSS代码
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- 用js实现根据不同的分辨率和浏览器调用不同的css文件
- 如何判断当前浏览器的类型(IE和FF)然后调用不同的css?
- DIV+CSS教程:判断用户浏览器及分辨率调用不同的CSS样式文件
- 用js实现根据不同的分辨率和浏览器调用不同的css文件
- 判断浏览器类型屏幕分辨率自动调用不同CSS的代码