- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
jQuery('#items > div > a > img').hover(
function(){
jQuery(this).css('border', 'solid 1px gray');
var pos = jQuery(this).parent().parent().position().left;
var posTop = jQuery(this).parent().parent().position().top;
jQuery(this).parent().parent().css('left', (pos-1));
jQuery(this).parent().parent().css('top', (posTop-1));
},
function(){
jQuery(this).css('border', '0');
var pos = jQuery(this).parent().parent().position().left;
var posTop = jQuery(this).parent().parent().position().top;
jQuery(this).parent().parent().css('left', (pos+1));
jQuery(this).parent().parent().css('top', (posTop+1));
}
)
Вот такой вот неожиданный вариант отображения рамочек вокруг изображений в галерее при наведении курсора мыши. Наткнулся в проекте, над которым сейчас работаю.
wvxvw 30.10.2012 17:16 # +2
Приактически jQueryFoldLeft! ney?
Vindicar 30.10.2012 17:28 # 0
volhv 30.10.2012 17:50 # +4
nbspjr 30.10.2012 18:44 # 0
Vindicar 31.10.2012 15:59 # 0
Тут действительно js не нужен.
Vasiliy 30.10.2012 17:39 # +1