Прехвърляне на прозорец като VKontakte
Как да направите сайта като модален прозорец VKontakte.
За JQuery себе си няма да бъдат разпределени, освен да кажа, че най-новата версия на тази рамка винаги може да бъде изтеглен от интернет страницата: jquery.com
Да започнем с това, как се държат модални прозорци VKontakte и какви възможности имат, за това се опитват да направят нещо подобно.
- Най-важната и интересна особеност на модалните прозорци Vkontakte е фактът, че когато отворите бар променя браузър превъртане и в този случай ние можем да преминете само чрез съдържанието на модален прозорец, а когато тя е затворена, ние се върнете към основната част на страницата, на която спря.
- Vkontakte модални прозорци се затварят или като кликнете върху "Close" или като кликнете на кръста, или като кликнете върху сив фон.
- В долната част на модален прозорец е бутон, там е подредено, която ви позволява да промените фона, припокриване основната част на страницата, за модален прозорец.
- Също така, тези модални прозорци са способни на разтягане, когато размерът на браузъра, обаче, тази част в този пример, няма да се реализира.
Задачите ще бъдат намалени с прилагането на първите 3 точки, но местонахождението на обекта, на фона промени, които ще се променят и го поставете в горния ляв ъгъл.
Така че просто се покаже. това, което получаваме в края на краищата.
Да започнем с това, така да се определи структурата на документа и показва контейнер със съдържание.
На следващо място, ние определяме нашите CSS свойства на елементи, всички от CSS няма да бъде дадено тук, можете да видите в демо версия, донесе само това, което трябва да се обърне внимание.
Следваща ще JQuery функция, която ще отговаря за взаимодействието на елементи на страницата.
Модален прозорец е готово, нищо сложно, както можете да видите, не. Всичко скандално просто и лесно, и най-важното е удобен за използване на такива прозорци на техните сайтове и проекти.