Dependendo da resolução, diferentes arquivos CSS são chamados. De acordo com a resolução, diferentes arquivos CSS são chamados.
pontilhado; TABLE-LAYOUT: fixo; BORDER-TOP: #cccccc 1px pontilhado; BORDER-LEFT: #cccccc 1px BORDER-BOTTOM: #cccccc 1px pontilhado" cellSpacing=0 cellPadding=6 width="95%" align=center borda=0> <SCRIPT LANGUAGE="javascript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="";
varIE800="";
var IE1152="";
varIEother="";
Largura da tela (IE1024,IE800,IE1152,IEoutro)
}outro{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
arquivo://se o navegador for Firefox
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxoutro="";
Largura da tela (Firefox1024,Firefox800,Firefox1152,Firefoxoutros)
}outro{
file://se o navegador for outro
var Outro1024="";
var Outro800="";
var Outro1152="";
var Outrooutro="";
Largura da tela (Outro1024,Outro800,Outro1152,Outrooutro)
}
}
funçãoLarguraTela(CSS1,CSS2,CSS3,CSS4){
if ((largura da tela == 1024) && (altura da tela == 768)){
setActiveStyleSheet(CSS1);
}outro{
if ((largura da tela == 800) && (altura da tela == 600)){
setActiveStyleSheet(CSS2);
}outro{
if ((largura da tela == 1152) && (altura da tela == 864)){
setActiveStyleSheet(CSS3);
}outro{
setActiveStyleSheet(CSS4);
}}}
}
função setActiveStyleSheet(título){
document.getElementsByTagName("link")[0].href="style/"+title;
}
arquivo://-->
</SCRIPT>
explicar:
var IE1024="";
varIE800="";
var IE1152="";
varIEother="";
Preencha as aspas respectivamente e o nome do arquivo css a ser usado quando o usuário usar o IE e a resolução for 1024*768, 800*600, 1152*864.
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxoutro="";
Preencha as aspas respectivamente e o nome do arquivo css a ser usado quando o usuário usar FF e a resolução for 1024*768, 800*600, 1152*864.
var Outro1024="";
var Outro800="";
var Outro1152="";
var Outrooutro="";
Preencha as aspas separadamente Quando o usuário usa outros navegadores e a resolução é 1024*768, 800*600, 1152*864, o nome do arquivo css a ser usado
A
resolução não é julgada, apenas o navegador é julgado
.seguindo a sugestão de E.Qiang, compile o código a seguir. Chame automaticamente diferentes CSS de acordo com o tipo de navegador.
Código:
<SCRIPT LANGUAGE="javascript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
arquivo://se o navegador for IE
setActiveStyleSheet("default.css");
}outro{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
arquivo://se o navegador for Firefox
setActiveStyleSheet("default2.css");
}outro{
file://se o navegador for outro
setActiveStyleSheet("newsky.css");
}
}
função setActiveStyleSheet(título){
document.getElementsByTagName("link")[0].href="style/"+title;
}
arquivo://-->
</SCRIPT>
Explicação:
Se o navegador for IE, chame default.css.
Se o navegador for Firefox, chame default2.css.
Se
o navegador for outro, chame newsky.css.
Basta acertar.