我想動畫圖像從左到右與箭頭鍵圖像基於動畫箭頭需要改變方向。這是我試過的代碼，但沒有正常工作的幫助！如何更改jquery中的箭頭圖像

$(document).ready(function() { 
    $(".FloorPlanArrow").click(function() { 
    $(".pano-floorplan").animate({ 
     right: '-225px' 
    }, 250); 

    if (true) { 
     $('.FloorPlanArrow').css({ 
     'transform': 'rotate(-180deg)' 
     }); 
     $(".FloorPlanArrow").click(function() { 
     $(".pano-floorplan").animate({ 
      right: '0px' 
     }, 250); 
     }); 
    } else { 
     $('.FloorPlanArrow').css({ 
     'transform': 'rotate(180deg)' 
     }); 
    } 
    }); 
});

ArrowChange

在此先感謝

來源

2017-08-29 Kumaresh Rajalingam

定義「它工作不正常」。這就像說「我有一些問題」 –

請檢查您的文章，並改進它，這樣很容易得到你所要求的。 – reporter

'if（true）'....？你的小提琴也失蹤jQuery –

一種方法是通過CSS處理動畫，然後通過腳本切換元素上的類。

如果您確實使用這種方法，那麼使用標準JavaScript腳本就像使用jQuery庫一樣容易。

使用jQuery這種方法：

$('p').click(function(){ 
 
    $('p').toggleClass('reverse'); 
 
});

p { 
 
margin-top: 0; 
 
display: inline-block; 
 
font-size: 64px; 
 
transition: transform 0.6s linear; 
 
cursor: pointer; 
 
} 
 

 
p.reverse { 
 
transform: rotateY(180deg); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<h2>Click the arrow...</h2> 
 
<p>&larr;</p>

這種方法使用標準JavaScript：

var paragraph = document.getElementsByTagName('p')[0]; 
 

 
function reverseArrow() { 
 
paragraph.classList.toggle('reverse'); 
 
} 
 

 
paragraph.addEventListener('click', reverseArrow, false);

p { 
 
margin-top: 0; 
 
display: inline-block; 
 
font-size: 64px; 
 
transition: transform 0.6s linear; 
 
cursor: pointer; 
 
} 
 

 
p.reverse { 
 
transform: rotateY(180deg); 
 
}

<h2>Click the arrow...</h2> 
 
<p>&larr;</p>

來源

2017-08-29 18:00:14 Rounin

我想我udnderstand，創建INTIAL角度varible，然後循環它

var angle = 0 
while(angle <= 180){ 
    $(".floorPlanArrow").rotate(angle); 
    angle++; 
}

OR，

$(".floorPlanArrow").rotate({bind:{ 
     click: function(){ 
     $(this).rotate({ 
      angle: 0, 
      animateTo:180 
     }) 
    } 
    } 
});

希望這是你的意思。

來源

2017-08-29 10:26:59

如何更改jquery中的箭頭圖像

回答

使用jQuery這種方法：

這種方法使用標準JavaScript：

相關問題