jquery easing 질문입니다. 채택완료

$(document).ready(function(){
    $(".text1").css("top","70px").css("opacity",0).delay(1000).animate({
    top: "35px",
    opacity: 1
},
1700,
function() {
    $(".text1bg").css("display","block");
    $(".text1-1").css("display","block").css("left","26px").css("top","35px");
});

 

 

1.     $(".text1bg").css("display","block");        이 함수에 3초 지연을 적용시키고 싶습니다. .delay가 css프로퍼티라 적용이 안됩니다.

 

2.  $(".text1").css("top" 이 함수에 easeOutBounce를 적용시키고 싶은데 어떻게 해야하죠?

 

1700,specialEasing: {
      width: "linear"},
function() {

 

jquery-1.12.4.min.js:4 
        
       Uncaught TypeError: n.easing[this.easing] is not a function 가 뜹니다.

그래서 <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js'></script>를 theme tail맨 밑에 추가하였는데 그누보드 어디다 넣어야돼죠?

 

easein 메서드는 동작을 안하네요 없는거겠죠?

답변 1개

채택된 답변
+20 포인트

animate({
    top: "35px",
    opacity: 1
},
1700, 'easeOutBounce', 
function() {

 

이렇게 하면 될 것입니다 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고