嗯,伙计们,当我摆弄一些动画时,我陷入了 Jquery 问题是我想让一个文本框出现并在按钮像画廊一样突出显示时显示文本嗯......。不管怎样,我做了一半,但文字没有显示。所以任何帮助...
P.s 这个想法是有一个按钮/圆圈发光和一个文本出现在它下面 就像当一个按钮/圆圈发光时,下面的空白区域显示与之关联的文本。
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function slide()
{//slide start
$(".textHold").hide()
.delay(1000)
.queue(
function()
{//queue function start
$(".red").css(
{//css start
"background-color":"#000"
}//css end
);//css ();
$(this).dequeue();
}//queue function/\
);//queue();
$(".textHold").fadeIn(500);
$(".textr").fadeIn(500).fadeOut(5000).delay(500);
$(".textHold").fadeOut(500).delay(500);
$(".textHold")
.queue(
function ()
{
$(".red").css({"background-color":"#f00"});
$(this).dequeue();
}
)
.delay(500)
.queue(
function()
{
$(".blue").css({"background- color":"#000"});
$(this).dequeue();
}
)
.fadeIn(500);$(".text").fadeIn(500).delay(500).fadeOut(500).delay(500);
$(".textHold").fadeOut(500).delay(500);
$(".textHold").queue(
function()
{
$(".blue").css({"background-color":"#00f"});
$(this).dequeue();
}
);
}//slide() /\
setInterval(function(){slide();},500);
</script>
</head>
<body>
<div class="red">
</div>
<div class="blue">
</div>
<div class="textHold">
<span class="text">Hello blue</span>
<span class="textr">Hello Red</span>
</div>
</body>
最佳答案
在我看来,更改按钮样式的代码在您的控制之下(不是第三方代码)。在这种情况下,您可以在按钮更改颜色时触发 JQuery 自定义事件。此事件将有一个监听器,该监听器将相应地显示文本。
关于javascript - Jquery 动画 : how to make text appear when a element has changed color or styles,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14116345/