jQuery+HTML5实现弹出创意搜索框层

前端之家收集整理的这篇文章主要介绍了jQuery+HTML5实现弹出创意搜索框层前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

效果体验:

本效果适用于移动设备,可以使用手机等浏览效果。

代码下载:

HTML代码如下:

<Meta charset="UTF-8"> <Meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> jQuery+CSS3创意<a href="https://www.jb51.cc/tag/sousuo/" target="_blank" class="keywords">搜索</a>框特效 - 何问起

其中hovertreesearch.js的代码如下:

搜索的关键词: "; if (!value.length) { _html = "关键词不能为空。"; } else { window.open("http://cn.bi" + "ng.com/search?q=site%3Ahove" + "rtree.com " + value + "&hewenqi=yestop"); _html += "" + value + ""; } $(obj).find('.result-container').html('' + _html + ''); $(obj).find('.result-container').fadeIn(100); evt.preventDefault(); }

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!

原文链接:https://www.f2er.com/jquery/43001.html

猜你在找的jQuery相关文章