Je nach Auflösung werden unterschiedliche CSS-Dateien aufgerufen. Je nach Auflösung werden unterschiedliche CSS-Dateien aufgerufen.
gepunktet; TABLE-LAYOUT: fest; BORDER-TOP: #cccccc 1px gepunktet; BORDER-BOTTOM: #cccccc 1px gepunktet" cellSpacing=6 width="95%" align=center border=0> <SCRIPT LANGUAGE="javascript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="";
var IE800="";
var IE1152="";
varIEother="";
Bildschirmbreite (IE1024, IE800, IE1152, IEother)
}anders{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://wenn der Browser Firefox ist
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
Bildschirmbreite (Firefox1024, Firefox800, Firefox1152, Firefoxandere)
}anders{
file://wenn der Browser ein anderer ist
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
Bildschirmbreite (Andere1024, Andere800, Andere1152, Andereandere)
}
}
Funktion ScreenWidth(CSS1,CSS2,CSS3,CSS4){
if ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}anders{
if ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}anders{
if ((screen.width == 1152) && (screen.height == 864)){
setActiveStyleSheet(CSS3);
}anders{
setActiveStyleSheet(CSS4);
}}}
}
Funktion setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
file://-->
</SCRIPT>
erklären:
var IE1024="";
var IE800="";
var IE1152="";
varIEother="";
Geben Sie jeweils die Anführungszeichen und den zu verwendenden CSS-Dateinamen ein, wenn der Benutzer IE verwendet und die Auflösung 1024*768, 800*600, 1152*864 beträgt.
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
Geben Sie jeweils die Anführungszeichen und den zu verwendenden CSS-Dateinamen ein, wenn der Benutzer FF verwendet und die Auflösung 1024*768, 800*600, 1152*864 beträgt.
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
Wenn der Benutzer andere Browser verwendet und die Auflösung 1024 * 768, 800 * 600 oder 1152 * 864 beträgt,
wird die Auflösung nicht beurteilt, sondern nur der
Browser Kompilieren Sie gemäß dem Vorschlag von E. Qiang den folgenden Code. Rufen Sie je nach Browsertyp automatisch unterschiedliche CSS auf.
Code:
<SCRIPT LANGUAGE="javascript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
file://wenn der Browser IE ist
setActiveStyleSheet("default.css");
}anders{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://wenn der Browser Firefox ist
setActiveStyleSheet("default2.css");
}anders{
file://wenn der Browser ein anderer ist
setActiveStyleSheet("newsky.css");
}
}
Funktion setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
file://-->
</SCRIPT>
Erläuterung:
Wenn der Browser IE ist, rufen Sie default2.css auf.
Wenn
der Browser
ein anderer ist, rufen Sie newsky.css auf
Schlagen Sie einfach zu.