Показать сообщение отдельно
  #26 (permalink)  
Старый 07.02.2013, 10:32
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<style>
.area {
margin: 50px;
width: 150px;
height: 100px;
background-color: rgb(255, 222, 173);
}
.label {
background-color: rgb(250, 240, 230);
width: 40px;
height: 20px;
position: absolute;
margin: -20px -10px 0 0;
display:none;
}
</style>
<div class='area'></div>
<div class='label'></div>
<script>

function muve(e) {
  $('.label').css({
    'left' : e.pageX + 5,
    'top' : e.pageY + 5
  })
}

$('.area').hover(function(e) {
  $(document).bind('mousemove', muve);
  $('.label').css({
    'display' : 'block',
    'left' : e.pageX,
    'top' : e.pageY
  })
}, function() {
  $(document).unbind('mousemove', muve);
  $('.label').css('display', 'none');
})
</script>


Это должно навести вас на мысли как сделать подвижную метку. Будут вопросы - пишите!

Последний раз редактировалось tsigel, 07.02.2013 в 11:53.
Ответить с цитированием