Лаборатория {нежных} вещей: May 2014

31 May 2014

Мой Красивый Блог - смена картинки при наведении мыши

Привет, хорошие!

После окончания курса я обещала время от времени писать небольшие уроки по оформлению и раскрывать секреты, которые не попали в основной курс. Сегодня начинаю сдерживать обещание :) Расскажу о двух способах создания картинки, которая меняется при наведении на нее курсора мыши.

Выглядит такой эффект так:

Subscribe to: Posts ( Atom )

') .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) .attr({title:'Scroll Back to Top'}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init()

Pages

31 May 2014

Мой Красивый Блог - смена картинки при наведении мыши

Поиск по блогу

Архив

Ярлыки