Javascript 如何在jquery中更改箭头图像

Javascript 如何在jquery中更改箭头图像,javascript,jquery,html,Javascript,Jquery,Html,我想使用箭头键图像从左到右设置图像的动画根据需要更改方向的箭头设置动画。这是我尝试过但无法正常工作的代码帮助 $(document).ready(function() { $(".FloorPlanArrow").click(function() { $(".pano-floorplan").animate({ right: '-225px' }, 250); if (true) { $('.FloorPlanArrow').css({

我想使用箭头键图像从左到右设置图像的动画根据需要更改方向的箭头设置动画。这是我尝试过但无法正常工作的代码帮助

$(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)'
      });
    }
  });
});


提前感谢

我想我理解了,创建一个带有初始角度的变量,然后循环它

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

希望这就是你的意思。

我想我明白了,用初始角度创建一个变量,然后循环它

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

希望这就是您的意思。

一种方法是通过CSS处理动画,然后通过脚本切换元素上的类

如果采用这种方法,那么使用标准javascript编写脚本就像使用jQuery库一样容易


使用jQuery的这种方法:
$('p')。单击(函数(){
$('p')。toggleClass('reverse');
}); 
p{
边际上限:0;
显示:内联块;
字体大小:64px;
过渡:0.6s线性变换;
光标:指针;
}
p、 逆转{
变换:旋转(180度);
}

单击箭头。。。

&larr

一种方法是通过CSS处理动画,然后通过脚本切换元素上的类

如果采用这种方法,那么使用标准javascript编写脚本就像使用jQuery库一样容易


使用jQuery的这种方法:
$('p')。单击(函数(){
$('p')。toggleClass('reverse');
}); 
p{
边际上限:0;
显示:内联块;
字体大小:64px;
过渡:0.6s线性变换;
光标:指针;
}
p、 逆转{
变换:旋转(180度);
}

单击箭头。。。

&larr

定义“它工作不正常”。这就像说“我有一些问题”,请检查你的帖子并加以改进,这样就很容易得到你想要的东西。
if(true)
。。。。?你的小提琴也不见了,这是你要找的吗?查看我需要的平面图,如图所示定义“它工作不正常”。这就像说“我有一些问题”,请检查你的帖子并加以改进,这样就很容易得到你想要的东西。
if(true)
。。。。?你的小提琴也不见了,这是你要找的吗?看到我需要的平面图了吗