텍스트 캐 러셀을 만들고 있는데 애니메이션을 사용하여 효과를주고 싶습니다. 애니메이션 사용법을 알고 있지만이 경우 애니메이션을 어떻게 적용 할 수 있는지 모르겠습니다. 누구든지 애니메이션 효과를 추가하는 방법에 대한 예제를 줄 수 있다면 코드를 수정하겠습니다. 감사 :)
내 바이올린 참조 : https://jsfiddle.net/jyy64c1k/1/
내 HTML :
<p id="hitTheBlock">
REVEAL YOURSELF SOMEWHERE
</p>
내 jQuery
(function(){
var flipperContent = ['MAKE BIG DECISION','MAKE BIG MISTAKES','MAKE BIG INVENTIONS'];
var index = 0;
function flipperSlider(){
var flipper = $('#hitTheBlock');
var messageLibrary = flipperContent[index];
flipper[0].innerHTML = messageLibrary;
index++;
if(index >= flipperContent.length){
index = 0;
}
}
setInterval(flipperSlider,4000);
})();
다음과 같이 할 수 있습니다.
flipper.slideUp('400',function(){
flipper[0].innerHTML = messageLibrary;
}).slideDown('400');
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다