Jquery - 块的实时位置!

时间:2010-09-25 01:36:24

标签: jquery css live

我有一个向上或向下悬停的元素。我需要知道该块上的位置并在文本中查看

<script type="text/javascript">
var who = $(".back");
var pozitie = who.position();
$("p.pozitie").text("TOP:" + pozitie.top);
</script>

这个脚本只给我起始位置。我一直都需要这个职位。有人可以帮忙吗?

2 个答案:

答案 0 :(得分:1)

<script type="text/javascript">

var actualPosition = function() {
   var who = $(".back"),
      pozitie = who.position();
   $("p.pozitie").text("TOP:" + pozitie.top);
};

// this
setInterval(actualPosition, 1000);
// or this
who_moves_event_function() {
    //...
    actualPosition();
    //...
}
</script>

答案 1 :(得分:0)

这将为您提供鼠标移动时的当前位置

$(".back").hover(function(e) {
    // mouse over
    $("p.pozitie").text("TOP:" + e.pageY+ "LEFT:" + e.pageX);
}, function() {
    // mouse out
    $("p.pozitie").text("TOP:" + e.pageY+ "LEFT:" + e.pageX);
});


$(".back").mousemove(function(e) {
    $("p.pozitie").text("TOP:" + e.pageY+ "LEFT:" + e.pageX);
});