精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
  • 让你的网站产生收益赚钱,有博客和网站的绝对不能错过
  • 将指定的流量带到你的网站,为你站增加有效的访客,为你提升业绩
  • 判断用户浏览器及分辨率调用不同的CSS样式文件

    来源:不详 时间:07-12-29 点击: 点击这里收藏本文

      DIV CSS教程,javascript脚本:判断用户分辨率调用不同的CSS样式文件

      (未测试 来自网络 请自行验证)

    以下为引用的内容:
      var IE1024="";
      var IE800="";
      var IE1152="";
      var IEother=""; 

      引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。  

    以下为引用的内容:
      var Firefox1024="";
      var Firefox800="";
      var Firefox1152="";
      var Firefoxother="";

      引号里面分别填写,用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。  

    以下为引用的内容:
      var Other1024="";
      var Other800="";
      var Other1152="";
      var Otherother="";

      引号里面分别填写,用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。

      不判断分辨率,只判断浏览器
      应E.Qiang提议,编如下代码。实现根据浏览器类型自动调用不同CSS。

      代码:

    以下为引用的内容:
      <SCRIPT LANGUAGE="javascript">
      <!--
      if (window.navigator.userAgent.indexOf("MSIE")>=1)
      {
      file://如果浏览器为IE
      setActiveStyleSheet("default.css");
      }else{
      if (window.navigator.userAgent.indexOf("Firefox")>=1)
      {
      file://如果浏览器为Firefox
      setActiveStyleSheet("default2.css");
      }else{
      file://如果浏览器为其他
      setActiveStyleSheet("newsky.css");
      }
      }
      function setActiveStyleSheet(title){

     


      document.getElementsByTagName("link")[0].href="style/"+title;
      }
      file://-->
      </SCRIPT>

      解 释:
      如果浏览器为IE,则调用default.css
      如果浏览器为Firefox,则调用default2.css
      如果浏览器为其他,则调用newsky.css
      用法:放在<head></head>中即可。

    以下为引用的内容:

      <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)
      {
      file://如果浏览器为Firefox
      var Firefox1024="";
      var Firefox800="";
      var Firefox1152="";
      var Firefoxother="";
      ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
      }else{
      file://如果浏览器为其他
      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;

     


      }
      file://-->
      </SCRIPT>


    用户评论

    广而告之