Google+

Каскадный выбор CascadeSelect #

Каскадный выбор CascadeSelect




Скачать исходники cascadeSelect.rar

Скругление углов картинок на клиенте #

Скругление углов картинок на клиенте

HTML

CSS
.b-img-radius {
  zoom: 1;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  vertical-align: top;
}

  .b-img-radius img {
    display: block;
    visibility: hidden;
  }

Для ИЕ6-8 подключаем в css css3pie
behavior: url(css/PIE.htc);

Демо

НУ или все же воспользоваться явой к примеру
CurvyCorners о котором я когда-то писал http://www.curvycorners.net/.

Эффекты с картинками #

Эффекты с картинками

ДЕМО / СКАЧАТЬ

Таймер с обратным отсчетом на jQuery #

Таймер с обратным отсчетом на jQuery


здесь отсчет

А здесь появится текст о том что время вышло

Данный пример, отсчитывает в контейнере counter 20 секунд после чего появится текст "Время вышло". Видел в просторах интернета скрипт Timer Jquery, но он считает вперед. Этот код отсчитывает назад.

Полный ресайз бекграунда не зависимо от размеров окна браузера #

Полный ресайз бекграунда не зависимо от размеров окна браузера

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();

});



        Spencer Street Background Image


СМОТРЕТЬ

Простой ajax editor и jquery #

Простой ajax editor и jquery

демо: ссылка
скачть: скачать скрипт Ajax Editor on Jquery