SEO продвижение сайтов

Изменение ширины блока по клику

Изменяем, увеличиваем ширину блока по клику на этот блок.

<!DOCTYPE HTML><head>
<meta charset="utf-8">
<title>Урок jQuery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<link rel="stylesheet" href="/images/st2.css" type="text/css" />
<style>
.rombs div {border:1px solid #000; width:100px; height:50px; margin:6px; cursor:pointer;}
.rombs div:nth-child(1) {background:red;}
.rombs div:nth-child(2) {background:green;}
.rombs div:nth-child(3) {background:blue;}
</style>
<script>
function smena(event) {
//alert($(this).width());
//alert($(this).css("background-color"));
var wid=$(this).width(); // Получаем ширину
$(this).width(wid+100); // Изменяем ширину
}

$('document').ready(function(){

$('.rombs div').on('click', smena);

});
</script>
</head>
<body>

<div class="rombs">
<div></div>
<div></div>
<div></div>
</div>

</body>

jQuery: исчезновение и появление дочернего блока при клике

<!DOCTYPE HTML>
<head>
<meta charset="utf-8">
<title>Урок cript</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready( function(){
$(".da-ne").on("click", function() {
$(this).find('*').toggle('slow');
});

/*
$(".da-ne").on("click", function() {
$(this).children('*').toggle('slow');
});

//Показывать скрывать соседа
$('.div_1').click(function(){
$(this).parent().next('.div_2').animate({opacity: 'toggle', height: 'toggle'}, 500);
});
*/

});
</script>
</head>
<body>
<ul>
<li class="da-ne">Верхний уровень
<ul>
<li>Нижний уровень</li>
<li>Нижний уровень</li>
</ul>
</li>
<li class="da-ne">Верхний уровень
<ul>
<li>Нижний уровень</li>
<li>Нижний уровень</li>
</ul>
</li>
</ul>
</body>

Вставляем код javaScript на HTML страницу

Существует 4 способа вставки javaScript кода в HTML страницу

  1. Вставка кода <script> /*код javaScript*/ </script> - чаще в <head>, но можно и в <body>
  2. Подключение внешнего js-файла <script src="/my.js"></script> - подключение внешнего файла
  3. Через события: onclick, onmouseover, onload и др.
  4. Через ссылку <a href="javaScript:alert('Я JavaScript-3');">

<!DOCTYPE HTML>
<head>
<meta charset="utf-8">
<title>Уроки javaScript</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="/my.js"></script>
<script>
alert('Я javaScript-1');
</script>
</head>
<body>
<p onclick="alert('Я javaScript-2');">Уроки JavaScript</p>
<p><a href="javaScript:alert('Я javaScript-3');">Ссылка</a></p>
</body>

Ошибки в тексте выделить и Ctrl+Enter


Расскажи о нас друзьям

Web-технологии

WordPress - основные приложения

Подробнее...

Создание и продвижение сайтов в Москве

Создание и продвижение сайтов в Москве

Создание сайтов – важный этап развития бизнеса. Каждый предприниматель, каждая организация знает, что иметь свой ресурс в интернете просто необходимо.

Зачем Вам нужен сайт?

Подробнее...
Интересные статьи

Создание и SEO продвижения сайта в интернете

Бюджет создания сайта определяется индивидуально и составляем ~30т.р. (+или-). Срок выполнения 2-4 недели, всё зависит от сложности сайта и взаимодействия с клиентом. Обычно бывают задержки со стороны клиентов.

Верстка сайта производится сразу в двух вариантах:

  • Для обычных компьютеров (лэптопов)
  • Для мобильны устройств (планшетов, смартфонов)
Подробнее...

Статистика женщин и мужчин на 2016г.

Статистика женщин и мужчин на 2016г.

Все мы, конечно, слышали весёлую и популярную когда-то песенку про то, что "...на десять девчонок по статистике девять ребят..." и, что женщин больше, а мужчин не хватает.

А вот, как реально обстоят дела по официальной статистике за 2016 год, взятой с официального сайта www.gks.ru - Федеральная служба государственной статистики.

И так: таблица 1.2. Женщины и мужчины по возрастным группам

Подробнее...

Юмор и мудрость - крылатые фразы

- Слово не воробей, впоймают - вылетешь

- Россия - страна неограниченных возможностей и невозможных ограничений.

- К абсолютно счастливым не пускают посетителей.

Он активный, агрессивный, напористый и даже немного вонючий

- Заходи не бойся, выходи не плачь

- В голове верёвочка. Её разрезали - уши отпали.

- Самозванцев нам не надо - командиром буду - я!

- Все люди на земле появились приблизительно из одного места.

- Слепить из говна пулю

- Осенняя муха злее кусает

- В России опять похолодало - пора шить меховые купальники

- Никого нет в мире краше, чем простые девки наши.

Подробнее...

Оставить заявку

Закрыть
Заполните фрму и отправьте нам заяку
Заполните все обязательные поля*
captcha
Перезагрузить