Показать сообщение отдельно
  #18 (permalink)  
Старый 22.02.2009, 12:22
Аспирант
Отправить личное сообщение для namez Посмотреть профиль Найти все сообщения от namez
 
Регистрация: 21.11.2008
Сообщений: 52

Сообщение от x-yuri Посмотреть сообщение
SashaBorandi, а это уже следующая проблема. О которой автор еще не знает
Я бы так сделал:
function onMouseEnterLeave( e ) {

	if( $.data(this, 'isRunning') )
		return;
	$.data( this, 'isRunning', true );
	var el = this;
	$(this).fadeTo(500, e.data, function() {
		$.data( el, 'isRunning', false );
	});
}
$("a img").bind("mouseenter", 0.1, onMouseEnterLeave);
$("a img").bind("mouseleave", 1, onMouseEnterLeave);

меня только беспокоит не будет ли утечек памяти. Может лучше сделать
function onMouseEnterLeave( e ) {

	if( $.data(this, 'isRunning') )
		return;
	$.data( this, 'isRunning', true );
	var id = this.id;
	$(this).fadeTo(500, e.data, function() {
		$.data( $('#'+id), 'isRunning', false );
	});
}
$("a img").bind("mouseenter", 0.1, onMouseEnterLeave);
$("a img").bind("mouseleave", 1, onMouseEnterLeave);

только id всем пунктам меню надо будет назначить
не совсем понял, не могли бы показать рабочий пример? (на основе моего)

сейчас у меня: (http://mmns.ru/files/moo2/)

$(document).ready(function(){

$("li a img").bind("mouseenter", function() {
    $(this).fadeTo(500, 0.1);
});
$("li a img").bind("mouseleave", function() {
    $(this).fadeTo(500, 1);
});

 	 });



<style>
img {border:0;}
ul {width:265px; height:79px}
ul li{float:left;  display:block}
#forum {height:23px; width:76px; background:url(images/forum_over.jpg) top left  no-repeat; }
#contact {height:23px; width:95px; background:url(images/contact_over.jpg) top left no-repeat;}
</style>

<ul><li id="forum"><a href="/forum" ><img src="images/forum.jpg" alt="" /></a></li><li id="contact"><a  href="/contacts" ><img src="images/contact.jpg" alt="" /></a></li></ul>


спасибо.
Ответить с цитированием