设为首页 | 收藏本站
首页>IT学院>网页设计>正文
网页设计自适应客户端分辨率的实现
WWW.DBIT.CN 2006-6-17 20:57:09 热度:
 
 
  一个是800×600,一个是1024×768,在800×600的页面中加入一下代码就可以实现跳转了:

  ---------------------------------------------------------------

 解决分辨率问题在Dreamweaver中没有此项功能,我们只能手动加入一段Javascript代码。首先在change-ie.html或change-nc.html页面代码中的< head>和< /head>中加入以下代码:


 < script language=JavaScript>
 < !--
 function redirectPage(){
 var url800x600=〃index-ie.html〃; //定义两个页面,此处假设index-ex.html和1024-ie.html同change-ie.html在同一个目录下
 var url1024x768=〃1024-ie.html〃;
 if ((screen.width==800) && (screen.height==600)) //在此处添加screen.width、screen.height的值可以检测更多的分辨率
 window.location.href= url800x600;
 else if ((screen.width==1024) && (screen.height==768))
 window.location.href=url1024x768;
 else window.location.href=url800x600;
 }
 // -->
 < /script>
 然后再在< body…>内加入onLoad=〃redirectPage()〃
 最后,同样地,在< body>和< /body>之间加入以下代码来显示网页的工作信息:
 < script language=JavaScript>
 < !--
 var w=screen.width
 var h=screen.height
 document.write(〃系统已检测到您的分辨率为:〃);
 document.write(〃< font size=3 color=red>〃);
 document.write(w+〃×〃+h);
 document.write(〃< /font>〃);
 document.write(〃正在进入页面转换,请稍候…〃);
 // -->
 < /script>

本新闻共2页,当前在第2页  1  2  

 
上一篇:在Dreamweaver中精细化你的表格外观
下一篇:在自己的主页上架设P2P网络电视
打印】【关闭
  相关文章:
·网页设计开发:如何处理网页字体·网页设计配色应用实例剖析——绿色
·基础:什么是静态网页和动态网页·网页布局的位置重心与位置间的对比
·合理的网页设计具有哪些特征·用好的设计替代不好的
·如何写好“帮助中心”的内容·解读absolute与relative
·巧用网页显示硬盘内容·网页设计配色应用实例剖析——红色
·从菜鸟到准网页设计师的历程·如何让你的网站人见人爱
·确保客户端能访问到最新的网页·经验分享:网页设计中实用的制作技
·那些因素影响google对站点的信任·解密.htm.html.shtm.shtml的区别与
☆联姻学院☆

保养电脑的26个窍门
文件夹删除不掉怎么办?
教你如何用手工迅速剿灭QQ广告
“熊猫烧香”病毒的病毒描述和
在Excel中只打印图表以外区域
Excel中只选中包含文本的单元
Windows XP操作系统的几个实用
用XP系统自带网络诊断程序解决
风雨雷电→自然现象动画实战技
Flash遮罩特效之百叶窗效果
十二个Dreamweaver鲜为人知的
如何用 Dreamweaver 批量做we
JavaScript的系统函数学习
Java之父:关于Java我也有遗憾
排除网上邻居使用4大常见麻烦
解除上网限制IP和MAC捆绑的破