像Slideshare一样的搜索框？

Question

我的第一篇帖子！ 任何人都可以告诉我如何创建像Slideshare那样的搜索框效果，点击搜索框以一定的速度更改长度并以一定的速度恢复到原始大小，即不是一次，这就是我的情况小代码：

function long()
{
document.getElementById("GS").style.width="300px";
document.getElementById("submit").style.left="1168px";
}
function back()
{
document.getElementById("GS").style.width="200px";
document.getElementById("submit").style.left="1068px";
}`

Answer 1

最简单的方法是使用jquery animate：

http://api.jquery.com/animate/

$('#submit').click(function() {
 top.$('#submit').toggle(function() {
   $(this).animate({ 
     width: 1168
   }, 500);
   },
    function() {
   $(this).animate({ 
     width: 1068
   }, 500);
 });