Показать сообщение отдельно
  #18 (permalink)  
Старый 29.09.2010, 22:02
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

На днях, подобная задача стояла, только подсказка по клику исчезала и на нее можно было переносить фокус:


<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style type="text/css">
.block {
	position:absolute;
	top:20%;
	left: 40%;
	width: 200px;
	height: 50px;
}

.block img{
	position: absolute;
	top: 20px;
}
</style>

<script type="text/javascript">
$(function(){
	$('.block').each(function(){
		$(this).find('a').mouseover(function(){
			$(this).next("img").length < 1 && $(this).after('<img src="'+$(this).attr('rel')+'" />');
		});
		$(document).click(function(e){
			(e.target.nodeName != $('.block img').get(0).tagName) && $(this).find('img').remove();
		});
	});
});
</script>

<div class="block">
	<a href="#" rel="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">link</a>
</div>
Ответить с цитированием