Скрипт до нового года осталось

·	22.09.2013, 16:37
В интернете очень много решений, но многие из них устарели визуально или созданы благодаря технологии Flash, которая предоставляет как говориться тысяча и один эффект создать нужный нам счётчик. Но давайте обойдёмся без лишней мишуры и установим к себе на сайт простой и заметный счётчик сколько осталось до нового года. Шаг 1 установим JS: Для начало в исходный код вашей страницы установим JS, который будет отвечать за отсчёт времени: JS `<script type="text/javascript" src="http://ucoz-helper.ucoz.com/js_jquery/newYear.js"></script>` В данном js следует найти пятую строчку сверху и установить свои параметры, чтобы данное решение начало обратный отсчёт до нужного вам события: JS `var center_dm_ru_newyear = new Date("Jan,01,2017,00:00:00");` Шаг 2 - Установим HTML: Теперь чтобы наш счётчик появился на страницы сайта, следует разместить в нужном месте следующий html код: HTML `<div id="logo_prazdnik"><p id="center_dm_ru_newyear"></p></div>` Шаг 3 установим css стили: Наш с вами счётчик почти готов, осталось прописать нужные стили: CSS-Code /* До нового года осталось ------------------------------------------/ #logo_prazdnik { float:left; width:200px; height:100px; background:url(http://www.center-dm.ru/data/jQuery/prazdnik/logo_prazdnik6.jpg) no-repeat; border:1px solid #fff } #prazdnik_title, #prazdnik_title2{ float:left; text-align:center; font: 115%/1.2 Verdana,Arial,Helvetica, sans-serif; color:#d3d3d3; text-shadow: 1px 1px 1px #111; padding: 5px; background:url(http://ucoz-helper.ucoz.com/js_jquery/pix_title.png) top; border: 1px solid #222; } #prazdnik_title{ margin: 10px 20px 10px 20px; } #prazdnik_title2{ margin: 20px 20px 10px 20px; } #prazdnik_title span{ float:left; padding-bottom: 5px; } как вы понимаете из выше предоставленного кода, за основу мы взяли <div> ячейку, в которую поместили тег <p> и прописали нужные атрибуты в css стилях. На заметку: Ниже я предоставляю пару вариантов основного фона счётчика сколько осталось до нового года* На этом всё, спасибо за внимание!
1 2 3 4 5 Категория: jQuery и JS \| Добавил: tashkent97
Просмотров: 2508 \| Загрузок: 584 \| Источник: center-dm.ru \| Рейтинг: 4.5/2

Всего комментариев: 0