Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js判断屏幕分辨率的小例子

js判断屏幕分辨率的小例子

发布时间:2015-03-07   编辑:www.jquerycn.cn
分享一个用于检测、判断屏蔽分辨率的例子,并给出相应的提示,有需要的朋友参考下。

本节内容:
判断屏幕分辨率

以下代码,通过比较图片分辨率和桌面分辨率,实现判定该图片是否适合直接用作桌面壁纸。

例子,判断访客显示器屏幕分辨率并给出提示 。
 

复制代码 代码示例:
<script>
<!--
fw="1920";fh="1200";
var uw=window.screen.width;
var uh=window.screen.height;
if(fw==uw) {
if(fh==uh){document.write("<span class='green'>完全适合做您的桌面</span>")}
else if(fh<uh){document.write("<span class='red'>不适合做您的桌面</span>")}
else {document.write("<span class='yellow'>裁剪以后适合做您的桌面↘</span>")}
} // www.jquerycn.cn
else if(fw<uw){document.write("<span class='red'>尺寸略小,不适合做您电脑的桌布</span>")}
else if(fw>uw){
if (fw/fh==uw/uh) {document.write("<span class='green'>适合做您的桌面</span>")}
else {document.write("<span class='yellow'>不完全适合您的分辨率,您可以自己动手裁剪↘</span>")}
}
-->
</script>

代码说明:
其中fw="1920"和fh="1200"后面的1920、1200分别是图片的宽度和高度参数,可以用php等读取的实际图片宽度和高度参数代替。
以前第11、12行前面的判断我都是用的if,把桌面分辨率调大,有2个提示——如果桌面分辨率大于图片分辨率,换成else if平行代码后错误解决。

>>>查看更多javascript 教程

您可能感兴趣的文章:
js获取屏幕分辨率示例
js检测屏幕分辨率的例子
根据屏幕分辨率自动调整字体大小的js代码
js获取当前对象大小与屏幕分辨率
js获取浏览器屏幕分辨率
js获取屏幕分辨率与屏幕大小
js双击鼠标自动滚动屏幕实例
JS获取屏幕分辨率简单示例
js判断屏幕分辨率的小例子
js判断屏幕分辨率的方法解析

关键词: js屏幕分辨率   
[关闭]