操纵Button的top属性

时间:2009-07-31 11:14:42

标签: jquery

我有一个按钮。点击后,我想将其顶级房产更改25%。再次点击,它应该回到正常位置。我该怎么办?

1 个答案:

答案 0 :(得分:1)

$(function(){
  /* Set initial height to variable */
  var defaultTop = $("button.special").click(function(){
    /* On click, get current height */
    topVal = $(this).css("top").split("px")[0];
    /* If current height is different */
    if (topVal != defaultTop) {
      /* Reset height to original */
      $(this).css("top", (defaultTop+"px"));
    } else {
      /* Else, increase by a fourth of the value */
      $(this).css("top", ((Number(defaultTop) + Number((defaultTop/4)))+"px"));
    }
  }).css("top").split("px")[0];
});

button.special { position:relative; top:100px; }

<button class="special">Click Me!</button>