单击按钮后如何更改按钮的位置? [英] How can I make a button change its position after being clicked?

问题描述

像这样此处演示一样，如何在单击按钮后改变按钮的位置，但是我希望它不是活动参数点击后肯定位于 margin-left:50px;

HTML

 < div class ="button">< button type ="fb-like"> Fb-Like</button></div> 

CSS

  .button:活动{margin-left:50px;}/*但是使用一个单击的参数而不是活动的*/ 

解决方案

您需要使用JavaScript:

  var d = document.getElementById("button");d.addEventListener('click'，function(){d.className = d.className +移动"；}); 

演示: http://jsfiddle.net/LJHQW/3/

或者，如果您已经已经使用jQuery:

  $('.button').click(function(){$(this).addClass('move');}); 

演示: http://jsfiddle.net/LJHQW/1/

How can I make a button change its position after being clicked like this demo here but instead of the active parameter I would like it to be at margin-left:50px; definitely after clicked

HTML

<div class="button">
    <button type="fb-like">Fb-Like</button>
</div>

CSS

.button:active {
    margin-left:50px;
}
/* But with a on clicked parameter instead of active */

解决方案

You need to use JavaScript:

var d = document.getElementById("button");
d.addEventListener('click',function(){
    d.className = d.className + " move";
});

Demo: http://jsfiddle.net/LJHQW/3/

Or, if you're already using jQuery:

$('.button').click(function(){
    $(this).addClass('move');
});

Demo: http://jsfiddle.net/LJHQW/1/

这篇关于单击按钮后如何更改按钮的位置?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！