我如何使用JQuery,以便当用户点击它时,会出现突然的颜色？

Question

<a href="/list" onclick="????">
    <div>
LOTS OF INFO HERE
LOTS OF INFO HERE
LOTS OF INFO HERE
LOTS OF INFO HERE
    </div>
</a>

我有一个div,它在一个超链接里面.整个div是可点击的.当用户点击这个大div时,我希望整个div变为淡蓝色,然后慢慢淡入白色.这将让用户感觉他正在点击它!

谢谢.

Answer 1

为此,您不需要锚点内的div.

我会使用jQuery的Color Animations插件.在此页面中,单击"Animate Boxes"按钮以查看您提到的效果.

一旦引用了该插件,语法就相当简单了:

$(".myDiv").click(function(){
  $(this).stop()
    .css("background-color", "blue").animate({"background-color":"white"}, 3000);
});

<div class="myDiv">click me to make the magic happen</div>

在线演示:http://jsbin.com/ohire/2(点击文字)