javascript - 类似 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);
 });