Panggil file css yang berbeda sesuai dengan resolusi yang berbeda

Tergantung pada resolusinya, file css yang berbeda dipanggil. Menurut resolusinya, file css yang berbeda dipanggil.

bertitik; perbatasan=0> <BAHASA SKRIP="javascript">
<!--
jika (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="";
var IE800="";
var IE1152="";
variEother="";
Lebar Layar (IE1024,IE800,IE1152,IELainnya)
}kalau tidak{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://jika browsernya adalah Firefox
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxlainnya="";
Lebar Layar (Firefox1024,Firefox800,Firefox1152,Firefoxlainnya)
}kalau tidak{
file://jika browsernya lain
var Lainnya1024="";
var Lainnya800="";
var Lainnya1152="";
var LainnyaLainnya="";
Lebar Layar (Lainnya1024,Lainnya800,Lainnya1152,LainnyaLainnya)
}
}
fungsi Lebar Layar(CSS1,CSS2,CSS3,CSS4){
if ((layar.lebar == 1024) && (layar.tinggi == 768)){
setActiveStyleSheet(CSS1);
}kalau tidak{
if ((layar.lebar == 800) && (layar.tinggi == 600)){
setActiveStyleSheet(CSS2);
}kalau tidak{
if ((layar.lebar == 1152) && (layar.tinggi == 864)){
setActiveStyleSheet(CSS3);
}kalau tidak{
setActiveStyleSheet(CSS4);
}}}
}
fungsi setActiveStyleSheet(judul){
document.getElementsByTagName("link")[0].href="style/"+title;
}
berkas://-->
</SKRIP>

menjelaskan:

var IE1024="";
var IE800="";
var IE1152="";
variEother="";

Isikan tanda kutip masing-masing, dan nama file css yang akan digunakan saat pengguna menggunakan IE dan resolusinya adalah 1024*768, 800*600, 1152*864.

var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxlainnya="";

Isikan tanda petiknya masing-masing, serta nama file css yang akan digunakan saat pengguna menggunakan FF dan resolusinya adalah 1024*768, 800*600, 1152*864.

var Lainnya1024="";
var Lainnya800="";
var Lainnya1152="";
var LainnyaLainnya="";

terpisah

. Bila pengguna menggunakan browser lain dan resolusinya 1024*768, 800*600, 1152*864, nama file css yang akan

digunakan

atas saran E.Qiang, kompilasi kode berikut. Secara otomatis memanggil CSS yang berbeda sesuai dengan jenis browser.

Kode:

<BAHASA SKRIP="javascript">
<!--
jika (window.navigator.userAgent.indexOf("MSIE")>=1)
{
file://jika browsernya IE
setActiveStyleSheet("default.css");
}kalau tidak{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://jika browsernya adalah Firefox
setActiveStyleSheet("default2.css");
}kalau tidak{
file://jika browsernya lain
setActiveStyleSheet("newsky.css");
}
}
fungsi setActiveStyleSheet(judul){
document.getElementsByTagName("link")[0].href="style/"+title;
}
berkas://-->
</SCRIPT>

Penjelasan:

Jika browsernya IE, panggil default.css.

Jika browsernya Firefox, panggil default2.css.

browsernya

lain, panggil newsky.css

Pukul saja.