나는 뉴스 시세와 같이 내 웹 사이트의 같은 위치에 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>당신은 당신이 지금까지 시도 이것이
좋은 답변과 플러그인 ... 고맙습니다. –
는 ---> 시간에 보여줍니다 당신의 필요로하는 시간이 당신이 기대 뭐 .....
<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. 이것이 당신에게 도움이되기를 바랍니다.
그러나 이것은 단 하나의 텍스트를 보여줍니다. –
두 개의 텍스트가 필요합니까? , 같은 장소에서. –
예. 나는 내 질문에 이것을 언급했다. –
처럼 bxslider 사용할 수 있을까? 노력을 보여 주시고 직면 한 문제를 제시해 주시면 기꺼이 도와 드리겠습니다. – Li357
제 노력을 기울였습니다. 그 일을 할 수있는 방법을 찾지 못해서이 질문을 던졌습니다. 나는 downvote 질문 전에 이것을 부탁하는 것이 낫다고 생각한다 ... –
시도한 것을 보여주십시오. – Li357