Главная Мой профиль Регистрация Выход Вход
разделитель текста разделитель текста 
 
    
    
                                                                                             KENNEI                             
            CHIHUAHUA POMERANIANS  
 


*** М Е Н Ю ***
Block title
Block content
Категории раздела
ВСЕ для СОБАК [0]
ОДЕЖДА ДЛЯ СОБАК
Block title
Block content
Наш опрос
Оцените мой сайт
[ Результаты · Архив опросов ]
Всего ответов: 0
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
СТАТИСТИКА
Яндекс.Метрика




Demo </ title> <br /> </ HEAD> <br /> <body> <br /> <a href="http://jquery.com/"> JQuery </ a> <br /> <script src="jquery.js"> </ SCRIPT> <br /> <script> <br /> <br /> </ SCRIPT> <br /> </ Body> <br /> </ Html> <br /><br /> 4444444444 <br /><br /> <script src="jquery.js"> </ SCRIPT> <br /> 66 <br /> window.onload = функция () {Alert ("Добро пожаловать");} <br /> $(document).ready(function(){ <br /> // Your code here <br /> }); <br /><br /> $(document).ready(function(){ <br /> $("a").click(function(event){ <br /> alert("Thanks for visiting!"); <br /> }); <br /> }); <br /> $(document).ready(function(){ <br /> $("a").click(function(event){ <br /> alert("As you can see, the link no longer took you to jquery.com"); <br /> event.preventDefault(); <br /> }); <br /> }); <br /><br /> 555555555 <br /> <!DOCTYPE html> <br /> <html lang="en"> <br /> <head> <br /> <meta charset="utf-8"> <br /> <title>jQuery demo


jQuery





000

См. Окно в действии - Ширина = 500px


11111
#fade { /*--Прозрачный слой фона--*/
display: none; /*--по умолчанию скрыты--*/
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none; /*--по умолчанию скрыты--*/
background: #fff;
padding: 20px;
border: 20px solid #ddd;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
/*--CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin: -55px -55px 0 0;
}
/*--Фиксированное позиционирование для тупого IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}


2222222

33333333333
//Когда вы нажмете на ссылку с классом poplight и HREF начинается с a #
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Получить Popup HREF и определить размер

//Запрос и Переменные от HREF URL
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Возвращает первое значение строки запроса

// Добавить кнопку "Закрыть" в наше окно, прописываете прямой путь к картинке
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('Close');

//Определяет запас на выравнивание по центру (по вертикали по горизонтали)мы добавим 80px к высоте / ширине, значение полей вокруг содержимого (padding) и ширину границы устанавливаем в CSS
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;

//Устанавливает величину отступа на Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});

//Fade in Background
$('body').append('
'); //Add the fade layer to bottom of the body tag.
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Постепенное исчезание слоя - .css({'filter' : 'alpha(opacity=80)'}) используется для фиксации в IE , фильтр для устранения бага тупого IE

return false;
});

//Закрыть всплывающие окна и Fade слой
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
ФОРМА ВХОДА
Поиск
Block title

Кто нас сегодня посетил
Block title
Календарь
«  Май 2024  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
*ЩЕНКИ на ПРОДАЖУ*
Друзья сайта
  • Создать сайт
  • Все для веб-мастера
  • Программы для всех
  • Мир развлечений
  • Лучшие сайты Рунета
  • Кулинарные рецепты
    		•
    ПРОГНОЗ ПОГОДЫ
    		•
    Block title
    Block content











    © 2010г. Материалы данного сайта не могут быть скопированы и использованы без ссылки на этот сайт.
     

     


    2010г.
    Все права защищены.
    Copyright MyCorp © 2024