Таймер с обратным отсчетом на jQuery #
![Таймер с обратным отсчетом на jQuery Таймер с обратным отсчетом на jQuery](/uploads/posts/2010-12/1292064799_untitled-1.jpg)
здесь отсчет
А здесь появится текст о том что время вышло
Данный пример, отсчитывает в контейнере counter 20 секунд после чего появится текст "Время вышло". Видел в просторах интернета скрипт Timer Jquery, но он считает вперед. Этот код отсчитывает назад.
Полный ресайз бекграунда не зависимо от размеров окна браузера #
![Полный ресайз бекграунда не зависимо от размеров окна браузера Полный ресайз бекграунда не зависимо от размеров окна браузера](/uploads/posts/2010-11/1290861802_untitled-1.jpg)
function backgroundScale()
{
var imageRatio = 1.75;
var windowHeight = document.body.clientHeight;
var windowWidth = document.body.clientWidth;
var windowScale = windowWidth / windowHeight;
var targetWidth = windowHeight * imageRatio;
var targetWidthFull = windowWidth;
var leftPos = - (targetWidth - windowWidth) / 2;
var leftPosFull = 0;
if (windowScale <= imageRatio)
{
$('.background img').attr("width", targetWidth);
$('.background').css("left", leftPos);
}
else
{
$('.background img').attr("width", targetWidthFull);
$('.background').css("left", leftPosFull);
}
}
$(window).resize(function()
{
var imageRatio = 1.75;
var windowHeight = document.body.clientHeight;
var windowWidth = document.body.clientWidth;
var windowScale = windowWidth / windowHeight;
var targetWidth = windowHeight * imageRatio;
var targetWidthFull = windowWidth;
var leftPos = - (targetWidth - windowWidth) / 2;
var leftPosFull = 0;
if (windowScale <= imageRatio)
{
$('.background img').attr("width", targetWidth);
$('.background').css("left", leftPos);
}
else
{
$('.background img').attr("width", targetWidthFull);
$('.background').css("left", leftPosFull);
}
mainBaseResize();
});
function mainBaseResize()
{
if(($('body').height() >= 800) && ($('#mainBase').height() <= 500)){
$('#mainBase').height($('body').height() - 445 + "px");
}
}
$(document).ready(function(){
backgroundScale();
mainBaseResize();
});
{
var imageRatio = 1.75;
var windowHeight = document.body.clientHeight;
var windowWidth = document.body.clientWidth;
var windowScale = windowWidth / windowHeight;
var targetWidth = windowHeight * imageRatio;
var targetWidthFull = windowWidth;
var leftPos = - (targetWidth - windowWidth) / 2;
var leftPosFull = 0;
if (windowScale <= imageRatio)
{
$('.background img').attr("width", targetWidth);
$('.background').css("left", leftPos);
}
else
{
$('.background img').attr("width", targetWidthFull);
$('.background').css("left", leftPosFull);
}
}
$(window).resize(function()
{
var imageRatio = 1.75;
var windowHeight = document.body.clientHeight;
var windowWidth = document.body.clientWidth;
var windowScale = windowWidth / windowHeight;
var targetWidth = windowHeight * imageRatio;
var targetWidthFull = windowWidth;
var leftPos = - (targetWidth - windowWidth) / 2;
var leftPosFull = 0;
if (windowScale <= imageRatio)
{
$('.background img').attr("width", targetWidth);
$('.background').css("left", leftPos);
}
else
{
$('.background img').attr("width", targetWidthFull);
$('.background').css("left", leftPosFull);
}
mainBaseResize();
});
function mainBaseResize()
{
if(($('body').height() >= 800) && ($('#mainBase').height() <= 500)){
$('#mainBase').height($('body').height() - 445 + "px");
}
}
$(document).ready(function(){
backgroundScale();
mainBaseResize();
});
![Spencer Street Background Image](23.jpg)
СМОТРЕТЬ
Простой ajax editor и jquery #
Меню с затуханием на Jquery #
![Меню с затуханием на Jquery Меню с затуханием на Jquery](/uploads/posts/2010-11/1290757993_overlayeffectmenu.jpg)
ДЕМО | СКАЧАТЬ
Крошечный круговой слайдер jQuery #
![Крошечный круговой слайдер jQuery Крошечный круговой слайдер jQuery](/uploads/posts/2010-11/1289808802_5.jpg)
САЙТ / ДЕМО