在javascript数组中的下一个文本中淡入淡入
假设我有一个随机选择数组中一个元素的代码,如下所示,我将如何使下一个元素fadeIn在javascript数组中的下一个文本中淡入淡入,javascript,html,arrays,fadein,fadeout,Javascript,Html,Arrays,Fadein,Fadeout,假设我有一个随机选择数组中一个元素的代码,如下所示,我将如何使下一个元素fadeIn var textHolder=document.getElementById(“text”); var按钮=document.getElementById(“btn”); var arrayText=[“国王”,“爱不花一分钱”,“编程大师”,“a”] 随机更改我 新随机 我想您可以使用jQuery来实现这一点,下面是我的代码片段 var textHolder=$(“#text”);//看,你可以少打字 v
var textHolder=document.getElementById(“text”);
var按钮=document.getElementById(“btn”);
var arrayText=[“国王”,“爱不花一分钱”,“编程大师”,“a”]代码>
随机更改我
新随机
我想您可以使用jQuery来实现这一点,下面是我的代码片段
var textHolder=$(“#text”);//看,你可以少打字
var按钮=$(“#btn”);//也在这里
var arrayText=[“国王”,“爱不花一分钱”,“编程大师”,“a”];
var randomText=函数(){
var randomNumber=Math.floor(Math.random()*arrayText.length);
text(arrayText[randomNumber]);
};
$(函数(){
//点击事件
按钮。单击(函数(){
//淡出文本框
textHolder.fadeOut(函数(){
//之后,显示随机文本
随机文本();
//然后,淡入文本框
$(this.fadeIn();
});
});
});代码>
随意改变我
新的随机
没有本机JavaScript方法,因为fadeOut()
和fadeIn()
,可能是helpfadeIn/Out中的答案,它基本上设置了一个特殊的css类,该类定义了一个转换(并设置了明显的显示)。因此,要么使用jQuery,要么搜索css转换,然后自己实现它!感谢Xtravagant,这真的很有帮助,它表明Jquery更灵活。