Разделы
vvShop | RSS © 2008 – 2017
Контакты
email: igor@veselov.sumy.ua
skype: utz0r2

Coin Slider - jquery слайдер с уникальными эфектами


униальные эфекты, совместим Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+. Валидный. Удобное конфигурирывание, автоматический слайдинг, есть навигация и тд. Рекомендую!
Coin Slider - jquery слайдер с уникальными эфектами

Оф.сайт

Выпадающее окошко на jquery


Выпадающее окошко на jquery

За выпадение отвечает:
$(function(){
    $('#contacts_opener').click(function(){
        $('#contacts_block').css('display', 'block');
        $('#contacts_block').animate({top: 100}, 400, 'swing');
    });
    
    $('#contacts_closer').click(function(){
        $('#contacts_block').animate({top: -500}, 400, 'swing', function(){$('#contacts_block').css('display', 'none')});
    });
    
    $('#select_quest').click(function(){
        $('#physic_addr').hide();
        $('#virtual_addr').fadeIn();
    });
    
    $('#select_addr').click(function(){
        $('#virtual_addr').hide();
        $('#physic_addr').fadeIn();
    });
    
    $('.otz_pic').hover(function(){
        $(this).css('border','1px solid #e07824');
    }, function(){
        $(this).css('border','1px solid #cccccc');
    });
    
    setInterval('tr()', 150);
    setInterval('photos()', 800);
});

Демо | Скачать

Прячим почту от СПАМа


<script>var __s='igor_veselov';document.open();__s+=unescape('%40');__s+="ya.ru";document.write('<a class="mail" href="mailto:'+__s+'">Игорь Веселов ('+__s+')</a>');document.close()</script>

Фиксированное затухающее меню на jquery


Когда вы начинаете скролить страницу, меню становится прозрачным, смотрите демку.
Фиксированное затухающее меню на jquery

Демо | Скачать

Тень для блока кроссбраузерно с помощью CSS


Cпособ кроссбраузерной реализации css-свойства box-shadow.
для обычных браузеров
div {
    background: green; /* обязательно для ie */
    -webkit-box-shadow: 0px 0px 15px #222;
    -moz-box-shadow: 0px 0px 15px #222;
    box-shadow: 0px 0px 15px #222;
}

Суть реализации свойства box-shadow для ie сводится к четырёхкратному применению фильтра shadow с разными значениями direction. Таким образом тень начинает обрамлять весь контур контейнера.

для ИЕ
<!--[if IE]>
<style type="text/css">
    div {
        filter:
        progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=45, Strength=6)
        progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=135, Strength=6)
        progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=225, Strength=6)
        progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=315, Strength=6);
        position: relative;
        top: -12px;
        left: -12px;
        zoom: 1;
    }
</style>
<![endif]-->

Несколько нюансов, на которые стоит обратить внимание:
Тень, при использовании фильтра получается темнее, поэтому, чтобы добиться идентичности, нужно поиграться с параметрами color и strength
IE увеличивает размеры блока на ширину тени, а так как для каждой стороны у нас по сути две тени, то и увеличение размеров становится двоекратным. Т.е. в конце нам нужно относительно сместить блок влево и вверх по формуле left = top = -(strength*2)
IE6 и IE7 требуют hasLayout, поэтому для них ставим zoom: 1 (или ширину, высоту и другие свойства, которые присваивают hasLayout)
Для блока обязательно нужно задавать фон, иначе фильтр будет применяться к дочерним элементам

Минусы:
Фильтры — это всегда лишние тормоза
IE выключает сглаживание текста внутри блока с фильтрами
Тень в IE по форме отличается от тени в других браузерах (более квадратная)
Внутри таким образом оформленного блока перестаёт работать alphaImageLoader (возможно и другие фильтры тоже — не проверял)

взято с хабра

Демо

Влюбленность


Никто не может влюбиться, если хотя бы отчасти удовлетворен тем, что у него имеется, или тем, что он собой представляет.
Влюбленность

Чувство влюбленности возникает, как правило, на фоне уныния и ощущения, что в этой жизни нет ничего стоящего.

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

По этой причине влюбленности чаще возникают в среде молодежи, поскольку молодые люди не столь уверены в себе и своей значимости и часто стыдятся себя.
Франческо Альберони, «Влюбленность»
«»
Вверх