设为首页收藏本站
开启辅助访问 切换到窄版

仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
仓酷云»社区 › 软件教程 Design › Dreamweav(DW) › 来看看：依据分辩率分歧挪用分歧的css文件 ...
返回列表 发新帖
查看: 581|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来看看：依据分辩率分歧挪用分歧的css文件

[复制链接]
因胸联盟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:14:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。
<SCRIPTLANGUAGE="javascript">
　　<!--
　　if(window.navigator.userAgent.indexOf("MSIE")>=1)
　　{
　　varIE1024="";
　　varIE800="";
　　varIE1152="";

　　varIEother="";
　　ScreenWidth(IE1024,IE800,IE1152,IEother)
　　}else{
　　if(window.navigator.userAgent.indexOf("Firefox")>=1)
　　{
　　file://假如扫瞄器为Firefox
　　varFirefox1024="";
　　varFirefox800="";
　　varFirefox1152="";
　　varFirefoxother="";
　　ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
　　}else{
　　file://假如扫瞄器为其他
　　varOther1024="";
　　varOther800="";
　　varOther1152="";
　　varOtherother="";
　　ScreenWidth(Other1024,Other800,Other1152,Otherother)
　　}
　　}
　　functionScreenWidth(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);
　　}}}
　　}
　　functionsetActiveStyleSheet(title){
　　document.getElementsByTagName("link")[0].href="style/"+title;
　　}
　　file://-->
　　</SCRIPT>

　【解释】：
　　varIE1024="";
　　varIE800="";
　　varIE1152="";
　　varIEother="";　
　　引号内里分离填写，用户利用IE的时分而且分辩率为1024*768,800*600,1152*864要利用的css文件名。　　
　　varFirefox1024="";
　　varFirefox800="";
　　varFirefox1152="";
　　varFirefoxother="";

　　引号内里分离填写，用户利用FF的时分而且分辩率为1024*768,800*600,1152*864要利用的css文件名。　　
　　varOther1024="";
　　varOther800="";
　　varOther1152="";
　　varOtherother="";

　　引号内里分离填写，用户利用其他扫瞄器的时分而且分辩率为1024*768,800*600,1152*864要利用的css文件名。

　　不判别分辩率，只判别扫瞄器
　　应E.Qiang发起，编以下代码。完成依据扫瞄器范例主动挪用分歧CSS。

　　代码：
　　<SCRIPTLANGUAGE="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");
　　}
　　}
　　functionsetActiveStyleSheet(title){
　　document.getElementsByTagName("link")[0].href="style/"+title;
　　}
　　file://-->
　　</SCRIPT>
　　解释：
　　假如扫瞄器为IE，则挪用default.css
　　假如扫瞄器为Firefox，则挪用default2.css
　　假如扫瞄器为其他，则挪用newsky.css
　　用法：放在<head></head>中便可
</p>
你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint。
javascript, function, 浏览器, Firefox, 分辨率

相关帖子
回复

使用道具 举报

不帅 该用户已被删除
沙发
发表于 2015-1-18 05:44:50 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。
回复 支持 反对

使用道具 举报

简单生活 该用户已被删除
板凳
发表于 2015-1-25 18:01:06 | 只看该作者
俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。
回复 支持 反对

使用道具 举报

灵魂腐蚀 该用户已被删除
地板
发表于 2015-2-3 12:54:12 | 只看该作者
使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
回复 支持 反对

使用道具 举报

小妖女 该用户已被删除
5#
发表于 2015-2-9 03:32:39 | 只看该作者
以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
回复 支持 反对

使用道具 举报

愤怒的大鸟 该用户已被删除
6#
发表于 2015-3-8 17:58:21 | 只看该作者
可以使用 CSS 检查工具进行设计。
回复 支持 反对

使用道具 举报

分手快乐 该用户已被删除
7#
发表于 2015-3-16 10:45:12 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
回复 支持 反对

使用道具 举报

金色的骷髅 该用户已被删除
8#
发表于 2015-3-22 22:53:24 | 只看该作者
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-5 18:43

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表