新浪首页免费邮件用户注册网站地图
新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
用JavaScript美化图片显示效果

http://www.sina.com.cn 2001/04/23 16:18 中国电脑教育报 李玉君

  很多网友都在个人主页加上一些真彩色的图像,如写真、自己的生活照、全班合照、艺术作品等,以供来访者欣赏、进而认识自己;很多公司、单位主页上也有真彩色的图像,如工厂的工作情况、活动写照、公益作品等。而这些真彩色的图像需要最佳的分辨率和色彩度才能尽显出图像的原状,反之,如果用低分辨率和色彩度的显示模式,出来的效果就不理想,出现色斑,甚至连你自己都认不出个人生活照里哪一个是你自己。由于每个访问者的显示模式和色彩度都不一致,如果访客的屏幕分辨率与我们的个人主页最佳的显示效果不一致,
那么我们告知访客要改变屏幕分辨率或色彩度使得显示效果最佳。

  实现方法,检测屏幕分辨率和色彩度,并提出最佳浏览建议。

  JavaScript1.2代码如下:

  〈 script language="javascript1.2" 〉

  〈 !--

  //检测屏幕分辨率

  var s=800; 确定最佳显示效果,即浏览屏幕分辨率的宽度,根据实际情况而定。

  var c, cv=24; cv设定最佳色彩度,请根据您的实际情况设

  if(screen.width!=s){

   document.write("您的屏幕分辨率是 "+screen.width+" * "+screen.height);

   document.write(",并非最佳分辨率,请您将屏幕分辨率调整为800×600浏览本页并刷新页面,以达到最佳显示效果。");

  }

  //-- 〉

  //检测色彩度

  〈 !--

  if(cv!="Netscape")c=screen.colorDepth;

  else c=screen.pixelDepth;

  var cs=c;

  if(c 〈 cv){

   if(c==4)cs="4 位 16 色";

   if(c==8)cs="8 位 256 色";

   if(c==16)cs="16 位增强色";

   if(c 〉16)cs=cs+" 位真彩色";

   document.write("您的屏幕色彩度是 "+cs);

   document.write(",请将色彩度调整为24位增强色浏览本页,显示效果更佳。");

  }

  //-- 〉

  〈 /script 〉

  当然,不同浏览器、不同版本所产生的效果可能也不尽相同,你也可以通过检测访问者的浏览器类型,而提醒他做适当地改变而达到你想要的显示效果。具体作法我不在此强调了,navigator.appName代表浏览器,navigator.appVersion代码它的版本号,提示作法与上相同。



发表评论】【初学者园地】【科技聊天】【关闭窗口

新 闻 查 询

 相关链接
用JavaScript来装扮自己的“家园” (2000/11/06 18:37)
用JavaScript实现网页特效二例 (2000/11/03 10:50)
用JavaScript技术为制作动态鼠标指针 (2000/09/28 11:00)
Javascript应用的几个实例 (2000/05/25 10:36)


网站简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息 | 网站律师

Copyright © 1996 - 2001 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网