您如何制作元素&"flash&"在jQuery中 [英] How do you make an element "flash" in jQuery

问题描述

我是jQuery的新手，并且有一些使用Prototype的经验.在Prototype中，有一种方法可以刷新"元素—.IE.短暂地用另一种颜色突出显示它，并使其褪色回到正常状态，以便吸引用户的眼球.jQuery中有这样的方法吗?我看到了fadeIn，fadeOut和动画效果，但是看不到"flash"之类的东西.也许这三者之一可以与适当的输入配合使用?

I'm brand new to jQuery and have some experience using Prototype. In Prototype, there is a method to "flash" an element — ie. briefly highlight it in another color and have it fade back to normal so that the user's eye is drawn to it. Is there such a method in jQuery? I see fadeIn, fadeOut, and animate, but I don't see anything like "flash". Perhaps one of these three can be used with appropriate inputs?

推荐答案

我的方式是.fadein，.fadeout .fadein，.fadeout ......

My way is .fadein, .fadeout .fadein, .fadeout ......

$("#someElement").fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);

function go1() { $("#demo1").fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100)}

function go2() { $('#demo2').delay(100).fadeOut().fadeIn('slow') }

#demo1,
#demo2 {
  text-align: center;
  font-family: Helvetica;
  background: IndianRed;
  height: 50px;
  line-height: 50px;
  width: 150px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button onclick="go1()">Click Me</button>
<div id='demo1'>My Element</div>
<br>
<button onclick="go2()">Click Me</button> (from comment)
<div id='demo2'>My Element</div>

这篇关于您如何制作元素&"flash&"在jQuery中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！