网络编程
所有分类 > 网页特效 > 网页特效 > 页面综合 > 判断浏览器分辨率自动调用不同CSS

 

判断浏览器分辨率自动调用不同CSS

 

判断浏览器分辨率自动调用不同CSS，点击可以查看大图
需      要： 0.0 金币
折      扣： 0 （% 折）
 
相关搜索： 网页特效　
下载次数： 3 次
支持一下(0)
0.00%
踩一下(0)
0.00%
立即下载
  • 下载等级：
  • 编　　号： 20120413171544
  • 浏览器兼容：IE6.0及以前
  • 更新日期： 2012-04-13
  • 大　　小： 24.06K
  • 浏览次量： 1638
  • 开发者链接： 官网  演示
  • 相　　关： 违规举报
  • 收　　藏：( 0 人收藏) 加入收藏
  • 此内容校验人员： sinacomcn
分享到：   
pengbin  
 中尉 上传于/2012-04-13 17:22:01
VIP会员   
   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--定义过渡型DOCTYPE-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"><!--定义名字空间-->
<head><!--网页头部开始-->
<title>网页布局+纯CSS纵向下拉菜单 by 25175</title><!--标题栏-->
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><!--定义语言编码-->
<link rel="stylesheet" rev="stylesheet" id="skin" type="text/css" media="all" />
<script LANGUAGE="JavaScript"> 
var axu_url800x600="800.css";   //设置变量axu_url800x600    样式：1.css
var axu_url1024x768="1024.css";  //设置变量axu_url1024x768   样式：2.css
if((screen.width==800)&&(screen.height==600)) 
document.getElementById("skin").href=axu_url800x600;   //判断分辨率是800x600调用1.css

else if((screen.width==1024)&&(screen.height==768)) 
document.getElementById("skin").href=axu_url1024x768;  //判断分辨率是1024x768调用2.css

else document.getElementById("skin").href=axu_url1024x768;  //否则 调用2.css
</script>
</head><!--网页头部结束-->
<body><!--网页主体开始-->
  <div id="logo">
    logo
  </div>
  <div id="banner">
    banner
  </div>
  <div id="mail">
    mail
  </div>
<div id="menu"> 
  <ul> 
    <li>
      <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]>
        <table>
          <tr>
            <td><![endif]--> 
              <ul> 
                <li><a href="#">XHTML</a></li> 
                <li><a href="#">CSS</a></li> 
                <li><a href="#">PHP</a></li> 
                <li><a href="#">MySQL</a></li> 
                <li><a href="#">Fireworks</a></li>
                <li><a href="#">Photoshop</a></li> 
                <li><a href="#">Flash</a></li> 
                <li><a href="#">Illustrator</a></li> 
              </ul><!--[if lte IE 6]>
            </td>
          </tr>
        </table>
      </a><![endif]--> 
    </li>
    <li>
      <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]>
        <table>
          <tr>
            <td><![endif]--> 
              <ul> 
                <li><a href="#">XHTML</a></li> 
                <li><a href="#">CSS</a></li> 
                <li><a href="#">PHP</a></li> 
                <li><a href="#">MySQL</a></li> 
                <li><a href="#">Fireworks</a></li>
                <li><a href="#">Photoshop</a></li> 
                <li><a href="#">Flash</a></li> 
                <li><a href="#">Illustrator</a></li> 
              </ul><!--[if lte IE 6]>
            </td>
          </tr>
        </table>
      </a><![endif]--> 
    </li>
    <li>
      <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]>
        <table>
          <tr>
            <td><![endif]--> 
              <ul> 
                <li><a href="#">XHTML</a></li> 
                <li><a href="#">CSS</a></li> 
                <li><a href="#">PHP</a></li> 
                <li><a href="#">MySQL</a></li> 
                <li><a href="#">Fireworks</a></li>
                <li><a href="#">Photoshop</a></li> 
                <li><a href="#">Flash</a></li> 
                <li><a href="#">Illustrator</a></li> 
              </ul><!--[if lte IE 6]>
            </td>
          </tr>
        </table>
      </a><![endif]--> 
    </li>
    <li>
      <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]>
        <table>
          <tr>
            <td><![endif]--> 
              <ul> 
                <li><a href="#">XHTML</a></li> 
                <li><a href="#">CSS</a></li> 
                <li><a href="#">PHP</a></li> 
                <li><a href="#">MySQL</a></li> 
                <li><a href="#">Fireworks</a></li>
                <li><a href="#">Photoshop</a></li> 
                <li><a href="#">Flash</a></li> 
                <li><a href="#">Illustrator</a></li> 
              </ul><!--[if lte IE 6]>
            </td>
          </tr>
        </table>
      </a><![endif]--> 
    </li>
    <li>
      <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]>
        <table>
          <tr>
            <td><![endif]--> 
              <ul> 
                <li><a href="#">CSS</a></li> 
                <li><a href="#">PHP</a></li> 
                <li><a href="#">MySQL</a></li> 
                <li><a href="#">Fireworks</a></li>
                <li><a href="#">Photoshop</a></li> 
                <li><a href="#">Flash</a></li> 
                <li><a href="#">Illustrator</a></li> 
              </ul><!--[if lte IE 6]>
            </td>
          </tr>
        </table>
      </a><![endif]--> 
    </li>
    <li>
      <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]>
        <table>
          <tr>
            <td><![endif]--> 
              <ul> 
                <li><a href="#">XHTML</a></li> 
                <li><a href="#">CSS</a></li> 
                <li><a href="#">PHP</a></li> 
                <li><a href="#">MySQL</a></li> 
                <li><a href="#">Fireworks</a></li>
                <li><a href="#">Photoshop</a></li> 
                <li><a href="#">Flash</a></li> 
                <li><a href="#">Illustrator</a></li> 
              </ul><!--[if lte IE 6]>
            </td>
          </tr>
        </table>
      </a><![endif]--> 
    </li>
    <li>
      <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]>
        <table>
          <tr>
            <td><![endif]--> 
              <ul> 
                <li><a href="">XHTML</a></li> 
                <li><a href="">CSS</a></li> 
                <li><a href="">PHP</a></li> 
                <li><a href="">MySQL</a></li> 
                <li><a href="">Fireworks</a></li>
                <li><a href="">Photoshop</a></li> 
                <li><a href="">Flash</a></li> 
                <li><a href="">Illustrator</a></li> 
              </ul><!--[if lte IE 6]>
            </td>
          </tr>
        </table>
      </a><![endif]--> 
    </li>
    <li>
      <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]>
        <table>
          <tr>
            <td><![endif]--> 
              <ul> 
                <li><a href="">XHTML</a></li> 
                <li><a href="">CSS</a></li> 
                <li><a href="">PHP</a></li> 
                <li><a href="">MySQL</a></li> 
                <li><a href="">Fireworks</a></li>
                <li><a href="">Photoshop</a></li> 
                <li><a href="">Flash</a></li> 
                <li><a href="">Illustrator</a></li> 
              </ul><!--[if lte IE 6]>
            </td>
          </tr>
        </table>
      </a><![endif]--> 
    </li>
    <li>
      <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]>
        <table>
          <tr>
            <td><![endif]--> 
              <ul> 
                <li><a href="">XHTML</a></li> 
                <li><a href="">CSS</a></li> 
                <li><a href="">PHP</a></li> 
                <li><a href="">MySQL</a></li> 
                <li><a href="">Fireworks</a></li>
                <li><a href="">Photoshop</a></li> 
                <li><a href="">Flash</a></li> 
                <li><a href="">Illustrator</a></li> 
              </ul><!--[if lte IE 6]>
            </td>
          </tr>
        </table>
      </a><![endif]--> 
    </li>
    <li>
      <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]>
        <table>
          <tr>
            <td><![endif]--> 
              <ul> 
                <li><a href="">XHTML</a></li> 
                <li><a href="">CSS</a></li> 
                <li><a href="">PHP</a></li> 
                <li><a href="">MySQL</a></li> 
                <li><a href="">Fireworks</a></li>
                <li><a href="">Photoshop</a></li> 
                <li><a href="">Flash</a></li> 
                <li><a href="">Illustrator</a></li> 
              </ul><!--[if lte IE 6]>
            </td>
          </tr>
        </table>
      </a><![endif]--> 
    </li>
  </ul> 
</div>
  <div id="nav">
    您的位置:网站首页
  </div>
  <div id="left">
    left
  </div>
  <div id="middle">
    middle
  </div>
  <div id="right">
    right
  </div>
  <div id="footer">
    footer
  </div>
</body><!--网页主体结束-->
</html>

 购买记录
sokelibiao
新兵
gzpwudi
新兵
jganguly
新兵
会员评论:  

一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播不法有害信息！

二、互相尊重，对自己的言论和行为负责。

  验证码：
 
反馈请帮助我们提高！意见反馈