|
||
|
||
Изменения в зависимости от
разрешения
|
||
Похоже, эта тема становится
любимой. :)) Хотя тема действительно
актуальная, очень часто web дизайнеру
приходиться придумывать "универсальные"
странички под все возможные разрешения
экранов. Как решать эту <script language="JavaScript"> <!-- if (self.screen) { width = screen.width height = screen.height } else if (self.java) { var jkit = java.awt.Toolkit.getDefaultToolkit(); var scrsize = jkit.getScreenSize(); width = scrsize.width; height = scrsize.height; }else{ width = height = 'x' } if (width == 640) { document.write('<BODY BACKGROUND=fon1.jpg>'); } else if (width == 800) { document.write('<BODY BACKGROUND=fon2.jpg>'); } else if (width == 1024) { document.write('<BODY BACKGROUND=fon3.jpg>'); } else if (width == 1280) { document.write('<BODY BACKGROUND=fon4.jpg>'); } else { document.write('<BODY BACKGROUND=fon5.jpg>'); } //--> </script> Вариант второй <SCRIPT LANGUAGE="JavaScript"> <!-- Script Begin if (screen.width==800) { document.write("<BODY BACKGROUND='images/800.jpg'>"); } else if (screen.width==1024) { document.write("<BODY BACKGROUND='images/1024.jpg'>"); } else { document.write("<BODY BACKGROUND='images/other.jpg'>"); } // Script End --> </SCRIPT>
Изменение параметров
фреймовой структуры в зависимости от
разрешения экрана. <script language="JavaScript"> <!-- if (self.screen) { width = screen.width height = screen.height } else if (self.java) { var jkit = java.awt.Toolkit.getDefaultToolkit(); var scrsize = jkit.getScreenSize(); width = scrsize.width; height = scrsize.height; }else{ width = height = 'x' } if (width == 640) { document.write('<FRAMESET cols=20%,80%> <FRAME src="menu.htm"> <FRAME name=display src="firstpage.htm"> </FRAMESET> '); } else if (width == 800) { document.write('<FRAMESET cols=50%,50%> <FRAME src="menu.htm"> <FRAME name=display src="firstpage.htm"> </FRAMESET>'); } else if (width == 1024) { document.write('<FRAMESET cols=10%,90%> <FRAME src="menu.htm"> <FRAME name=display src="firstpage.htm"> </FRAMESET> '); } else if (width == 1280) { document.write('<FRAMESET cols=30%,70%> <FRAME src="menu.htm"> <FRAME name=display src="firstpage.htm"> </FRAMESET> '); } else { document.write('<FRAMESET cols=40%,60%> <FRAME src="menu.htm"> <FRAME name=display src="firstpage.htm"> </FRAMESET> '); } //--> </script> Всем этим можно
воспользоваться, но лучше попробовать
обойтись простыми таблицами и
компоновкой графики. Не всегда имеет
смысл "наворачивать" все возможные
эффекты и удобства... Самая
универсальная JavaScript Источник: A-design studio http://mtk.on.ufanet.ru
|
||
|
||
Copyright © "Internet Zone", info@izcity.com | ||
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас. |