函数Javascript中的FadeIn()div?

时间:2015-03-27 16:15:20

标签: javascript jquery

对不起这个问题,但我遇到了FadeIn()(和Jquery一样)的问题:

我有:

<div style="height:50px;width:700px">
  <div id="Ipo" style="width: 100px;display:block; float: left; text-align:center; background-color:#ff0000; margin-left: 20%">
    <input id="ipo" type="radio" name="eq" />       
  </div>
  <div id="Time" style="width: 100px;display:block; float: left; text-align:center; background-color:#ffff00; margin-left: 31%">
    <input id="time" type="radio" name="eq" />
  </div>

使用表单,我在javascript中启动一个函数,在这个函数中我想把这段代码:

 $('#Ipo').hide().fadeIn(5000);
 $('#Time').hide().fadeIn(5000);

但不起作用:(

由于

1 个答案:

答案 0 :(得分:0)

我用这种方式解决了:

这是按钮的html dom:

第一个按钮(我在第一篇文章中说的是一个按钮用于表单)

<div style="text-align:center">
 <input id="ca" type="radio" onClick="start()"/>
</div>

现在div包含两个div(带两个按钮):

<div style="height:50px;width:700px">
 <div id="Ipo" style="width: 100px;display:none; float: left; text-align:center; background-color:#ff0000; margin-left: 20%">
  <input id="ipo" type="radio" name="eq" />       
 </div>
 <div id="Time" style="width: 100px;display:none; float: left; text-align:center; background-color:#ffff00; margin-left: 31%">
  <input id="time" type="radio" name="eq" />
 </div>
</div>

现在代码:

$("#ca").click(start);

function start(){
 $('#Ipo').fadeIn(2000);
 $('#Time').fadeIn(2000);
}

在我的第一篇文章中有两个问题:

1)有 display:block;

2)我在代码中加入 $(“#ca”)行。点击(开始);

再见并感谢您的帮助;)