JS判断不同分辨率,调用不同CSS的方法
来源:互联网 发布:html5 微信支付源码 编辑:程序博客网 时间:2024/05/28 15:42
大家可能在做网页设计中会碰到这个特殊需求,要求像FLASH那样,背景会随着不同分辨率自动放大缩小。
但光靠CSS是无法实现这个效果的,目前网页中要实现类似效果就是把背景图做到最大,背景不动,分辨率大的看到的就多,分辨率小的看的的就少。
那么通过JS判断 ,可以比较麻烦的解决一个奇怪的需求。(在不同CSS中使用了不同的大小背景图片,都保持全屏完整显示)
分享整理代码如下:
<SCRIPT LANGUAGE="JavaScript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";
ScreenWidth(IE1024,IE800,IE1152,IEother)
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}else{
//如果浏览器为其他
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
ScreenWidth(Other1024,Other800,Other1152,Otherother)
}
}
function ScreenWidth(CSS1,CSS2,CSS3,CSS4){
if ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}else{
if ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}else{
if ((screen.width == 1152) && (screen.height == 864)){
setActiveStyleSheet(CSS3);
}else{
setActiveStyleSheet(CSS4);
}}}
}
function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/" title;
}
//-->
</SCRIPT>
解释:
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
- JS判断不同分辨率,调用不同CSS的方法
- JS判断不同分辨率调用不同的CSS样式文件
- 【HTML】通过不同的分辨率调用不同的css,两种方法:css本身判断、js调用css
- JS如何判断分辨率不同,调用不同的CSS,不同的image文件夹
- 用JS判断不同分辨率调用不同的CSS样式文件
- 不同浏览器不同分辨率,调用不同的css文件
- 【PHP】php通过javascript判断不同设备分辨率来调用不同的css class
- 用js实现根据不同的分辨率和浏览器调用不同的css文件
- 用js实现根据不同的分辨率和浏览器调用不同的css文件
- 用js实现根据不同的分辨率和浏览器调用不同的css文件
- 根据分辨率不同,调用不同的CSS文件
- 根据分辨率不同调用不同的css文件
- 浏览器和分辨率不同自动调用不同CSS的代码
- 浏览器和分辨率不同自动调用不同CSS的代码
- 【转】根据分辨率不同调用不同的css文件
- 根据分辨率不同调用不同的css文件
- 根据显示器不同分辨率调用不同的css样式
- 根据分辨率不同,调用不同的css文件
- 图像的几何不变矩
- CollabNet TeamForge
- 取得当前时间
- 以太网上TCP/IP协议的分层结构及其报文格式
- glBlendFunc()
- JS判断不同分辨率,调用不同CSS的方法
- hibernate 的createSQLQuery深入研究
- CentOS下安装postgresql
- GridView中添加一个CheckBox列
- Linux内核部件分析--记录生命周期的kref
- JS: style.top style.left 在IE和FireFox的区别
- (++i)+(++i) 与 Sequence Point
- Linux Socket Programming by Example-第四章 确定Socket Domain
- 通话记录样式备份