Javascript 我如何使用JQuery,以便当用户单击它时,突然出现一种颜色?
我有一个div,在超链接中。整个div是可点击的。 当用户点击这个大div时,我希望整个div变成浅蓝色,然后慢慢变为白色。这将给用户一种他正在点击它的感觉Javascript 我如何使用JQuery,以便当用户单击它时,突然出现一种颜色?,javascript,jquery,css,Javascript,Jquery,Css,我有一个div,在超链接中。整个div是可点击的。 当用户点击这个大div时,我希望整个div变成浅蓝色,然后慢慢变为白色。这将给用户一种他正在点击它的感觉 谢谢。您不需要锚定中的div 我会使用jQuery的插件来实现这一点。从中,单击“动画框”按钮以查看您提到的效果 一旦引用了该插件,语法就相当简单: <a href="/list" onclick="????"> <div> LOTS OF INFO HERE LOTS OF INFO HERE LOTS O
谢谢。您不需要锚定中的div 我会使用jQuery的插件来实现这一点。从中,单击“动画框”按钮以查看您提到的效果 一旦引用了该插件,语法就相当简单:
<a href="/list" onclick="????">
<div>
LOTS OF INFO HERE
LOTS OF INFO HERE
LOTS OF INFO HERE
LOTS OF INFO HERE
</div>
</a>
点击我,让魔法发生
在线演示:(单击文本)锚内的div是错误的标记。 如果背景为白色,还可以设置不透明度的动画。
如果我正在创建这个效果,我会在回调中将它设置为蓝色,然后再设置为白色。它提供了一个很好的计时效果,而不是在你的脸上瞬间变蓝然后变白……尝试500英寸左右的速度,4000英寸左右的速度。在内联元素(a)中放置块级元素(div)是无效的HTML。
$(".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>