西安做网站JQ搜索框自动显示隐藏效果

27322015-05-10

西安做网站JQ搜索框自动显示隐藏效果如下

点击放大镜后,搜索框向左滑出,西安网站建设团队点墨网络竭诚为您服务。

点击放大镜显示搜索框JQ代码如下

$("#sbutton2").click(function(){//点击放大镜按钮滑出搜索框以及替换搜索按钮

$("#sbutton").stop(false,true).fadeIn(0).animate({right:'0px'},0);

$("#sbutton2").stop(false,true).fadeOut(0).animate({right:'0px'},0);

$("#sinput").stop(false,true).fadeIn(0).animate({right:'39px',width:'200px'},300);

$("#keyword").focus();//搜索框获得焦点

 });

搜索框失去焦点JQ代码如下

$("input#keyword").blur(function(){//搜索框失去焦点

var key_word =$("#keyword").val();//获取输入的关键字

//alert(key_word);

if(key_word==""){//如果搜索关键字为空,自动返回到默认界面。

$("#sbutton").stop(false,true).fadeOut(0).animate({right:'0px'},0);

$("#sbutton2").stop(false,true).fadeIn(0).animate({right:'0px'},0);

$("#sinput").stop(false,true).animate({width:'0px'},300).fadeOut(0);}

});

通过本文您对西安网站建设有了进一步了解,本公司温馨提醒:找西安做网站公司,请选择手续齐全、业务精、服务好的正规公司。

工商网上亮照

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1

客户服务电话:15229292610

公司注册地址:西安市雁塔区融鑫路丽湾蓝岛1幢3单元16层31605号

临时办公地址:西安市雁塔区朱雀大街紫郡长安F3

Sitemap 网站地图 手机版

服务热线:15229292610

客服信箱:vip@dianmo.cc

846461336327

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1