javascript - 单击时,将CSS边框移动到右侧

  显示原文与译文双语对照的内容

我想动画第一个链接的轮廓/边框的动画,当你点击第二个链接,等于第三个链接。


<span style="font-size:9px;text-transform:uppercase;">
 <span style="border: 1px #000 solid;border-radius: 3px;padding: 5px;margin-right: 9px;">Link 1</span> 
 <span style="color:#32CD32">Link 2</span> 
 <span style="color:#32CD32">Link 3</span> 
 <span style="color:#32CD32">Link 4</span>
</span>

这是 JSFiddle

http://jsfiddle.net/k7pp7/

很好奇你会怎么做。

时间: 作者:

你可以使用列表,并执行如下操作:


 $('#yourULID> li').click(function(){
 $(this).css({"border":"","border-radius":"","padding":"","margin-right":"","color":"#32CD32"});
 $(this).next().css({"border":"1px #000 solid","border-radius":"3px","padding":"5px","margin-right":"9px"});
 });

...