Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我如何使用JQuery,以便当用户单击它时,突然出现一种颜色?_Javascript_Jquery_Css - Fatal编程技术网

Javascript 我如何使用JQuery,以便当用户单击它时,突然出现一种颜色?

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,在超链接中。整个div是可点击的。 当用户点击这个大div时,我希望整个div变成浅蓝色,然后慢慢变为白色。这将给用户一种他正在点击它的感觉


谢谢。

您不需要锚定中的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>