Javascript Jquery动画：如何在元素更改颜色或样式时显示文本
嗯，伙计们，当我摆弄一些动画的时候，我被Jquery卡住了，我想让一个文本框出现，当一个按钮像画廊一样高亮显示时显示文本，嗯。无论如何，我做了一半，但文本没有显示。所以任何帮助 另外，这个想法是有一个按钮/圆圈发光和一个文本显示在它下面 例如，当一个按钮/圆圈发光时，下面的空白区域显示与其关联的文本Javascript Jquery动画：如何在元素更改颜色或样式时显示文本,javascript,jquery,html,css,animation,Javascript,Jquery,Html,Css,Animation,嗯，伙计们，当我摆弄一些动画的时候，我被Jquery卡住了，我想让一个文本框出现，当一个按钮像画廊一样高亮显示时显示文本，嗯。无论如何，我做了一半，但文本没有显示。所以任何帮助 另外，这个想法是有一个按钮/圆圈发光和一个文本显示在它下面 例如，当一个按钮/圆圈发光时，下面的空白区域显示与其关联的文本 <script src="jquery.js" type="text/javascript"></script> <script type="text/javascri
<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>
函数幻灯片（）
{//幻灯片开始
$（“.textHold”）.hide（）
.延迟（1000）
.排队(
函数（）
{//队列函数启动
$（“.red”）.css(
{//css开始
“背景色”：“#000”
}//css端
)；//css（）；
$（this.dequeue（）；
}//队列函数/\
)；//队列（）；
美元（“.textHold”）.fadeIn（500）；
$（“.textr”）.fadeIn（500）.fadeOut（5000）.delay（500）；
$（“.textHold”）.fadeOut（500）。延迟（500）；
$（“.textHold”）
.排队(
函数（）
{
$（“.red”）.css（{“背景色”：“#f00”}）；
$（this.dequeue（）；
}
)
.延迟（500）
.排队(
函数（）
{
$（“.blue”）.css（{“背景色”：“#000”}）；
$（this.dequeue（）；
}
)
.fadeIn（500）；$（“.text”）.fadeIn（500）.延迟（500）.衰减（500）.延迟（500）；
$（“.textHold”）.fadeOut（500）。延迟（500）；
$（“.textHold”）.queue(
函数（）
{
$（“.blue”）.css（{“背景色”：“#00f”}）；
$（this.dequeue（）；
}
);
}//幻灯片（）/\
setInterval（函数（）{slide（）；}，500）；
你好，蓝
你好，瑞德