如何显示从右到左打开的jquery菜单?

时间:2015-06-10 05:50:32

标签: jquery-ui

我想在点击链接时显示菜单。菜单应该从右到左显示show功能。 我已经尝试过了     $('。amenu')。show(“slide”,{direction:“right”},“fast”); 但它滑动了。我想要同样的效果     $( 'AMENU。')显示( “快”)。 但菜单来自右上角。

1 个答案:

答案 0 :(得分:0)

我为你制作了这个小提琴,你可以用它来做任何事情。我的想法是用这个css将菜单放到适当的位置:

position: absolute;
top: 0;
right: 0;

如果你玩游戏,你可以把它粘在任何地方。 使用此类也可以使用CSS完成动画,如果需要幻灯片动画,则只能保留宽度:

.animate {
  height: 100px;
  width: 300px;
  transition: width 1s, height 1s;
  -moz-transition: width 1s, height 1s;
  -webkit-transition: width 1s, height 1s; 
  -o-transition: width 1s, height 1s; 
}

一个简单的jQuery来切换类。

https://jsfiddle.net/mtucpL3v/

进一步阅读:CSS transitions