Question

我在这里做了一些事情，我只想从右到左制作输入幻灯片。

我使用简单的代码来显示和隐藏输入字段

   $("#edit-search-block-form--2").animate({width:'toggle'},500);

任何帮助。感谢

Answer 1

我将输入字段放在div中，并将链接和包装器div的浮动设置为左：

<div id="input_wrapper">
  <input type="text" id="search2" name="search_block_form" value="" size="30" maxlength="128" >
</div>

这迫使div从左到右。

这是更新的小提琴： http://jsfiddle.net/robertp/5Gq7L/10/

Answer 2

据我所知，你的问题是将文字输入从右向左滑动。

jQuery不提供从左侧或右侧滑动元素，因此您可以使用jQuery提供的animate方法来实现这一点。

这是我实现这个的方式：

$("#showhide").toggle(function() {
$("#search2").animate({'margin': '-=100px'}, 500);
      $(this).toggleClass("closed");
}, function() {
$("#search2").animate({'margin': '+=100px'}, 500);
      $(this).toggleClass("closed");
});

你可以在这里查看一个小提琴：

<强> http://jsfiddle.net/5Gq7L/11/

动画切换从右到左输入搜索

2 个答案: