私はニュースティッカーのように私のウェブサイトの同じ場所に2つの異なるテキストを表示したかったのです。私が使用したい効果はfadeInとfadeOutです。テキストは、fadeInエフェクトを使用して指定された領域に来て、3秒間そこにとどまってからfadeOutを使用して出て行きます。次に、次のテキストが来るでしょう。この操作は無限に行わなければなりません。 jQueryでどうすればいいですか？私はthis articleを見つけましたが、それは私が望むものと少し似ていますが、私の必要をすべてカバーしているわけではありません。jQueryで違うテキストを互いに無限にフェードインする方法は？
テキストホルダー：
<div id="holder"></div>
$('.bxslider').bxSlider({
mode: 'fade',
auto: true,
pause: 3000,
controls: false,
pager: false
});<link href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.5/jquery.bxslider.css" rel="stylesheet"/>
<style>
.bx-wrapper {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
border: none;
background: transparent;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.5/jquery.bxslider.min.js"></script>
<ul class="bxslider" id="holder">
<li>some text</li>
<li>lorem ipsum</li>
<li>dolor sit</li>
<li>smet consecuteru</li>
</ul>あなたがこれまで試してみました何この
Nice answer and plugin ...ありがとう –
は--->時間がに示しあなたの必要性などの時間このあなたが期待し義和.....
<html>
<head></head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style type="text/css">
.textone{
position: absolute;
}
.texttwo{
position: absolute;
display: none;
}
</style>
<body>
<div class="textone"></div>
<div class="texttwo"></div>
</body>
<script type="text/javascript">
$(document).ready(function(){
fadetheText();
setInterval(fadetheText,500);
});
function fadetheText()
{
$(".textone").text("news sticker");
$(".texttwo").text("ANOTHER TEXT")
$(".textone").fadeOut(500).delay(500).fadeIn(500);
$(".texttwo").fadeIn(500).delay(500).fadeOut(500);
}
</script>
</html>変化であり、 ms。これがあなたに役立つことを願っています。
しかしこれはただ1つのテキストを示しています。 –
2つのテキストが必要ですか？ 、 同じ場所で。 –
はい。私は私の質問でこれを言及しました。 –
ようbxslider使用することができますか？努力を示して、あなたが直面している問題を提示してください。私たちは喜んで助けてくれるでしょう – Li357
私は努力しました。私はそれをする方法を見つけることができなかったので、私はここでこの質問をしました。私はdownvoteの質問の前にこれを尋ねる方が良いと思う... –
あなたが試したことを示してください。 – Li357