Определить ширину экрана через jquery
Нашел скрипт для определения ширины экрана через jquery в том случаи, если у вас нет возможности использовать css3. Думаю, будет полезно при адаптивной верстке сайта. События срабатывают в том случаи, когда ширина вашего экрана становиться меньше заданной точки.
Скрипт называется BREAKPOINTS.JS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
$(window).setBreakpoints({ // use only largest available vs use all available distinct: true, // array of widths in pixels where breakpoints // should be triggered breakpoints: [ 320, 480, 768, 1024 ] }); $(window).bind('enterBreakpoint320',function() { ... }); $(window).bind('exitBreakpoint320',function() { ... }); $(window).bind('enterBreakpoint768',function() { ... }); $(window).bind('exitBreakpoint768',function() { ... }); $(window).bind('enterBreakpoint1024',function() { ... }); $(window).bind('exitBreakpoint1024',function() { ... }); |
Для просмотра примера работы скрипта перейдите по ссылке.
Скрипт можно скачать на github.
Услуги репетитора онлайн.
Список курсов которые я веду
*/
- Базовый курс по веб-дизайну;
- Верстка сайтов;
- Общий курс по CMS WordPress и продолжение курса по разработке шаблонов;
- Разработка сайтов на PHP.
