CSS3,HTML5和jQuery搜索框集锦
2014-12-02 00:00
627 查看
添加搜素框或网站搜索功能是为了方便用户能够轻松、快捷地找到自己需要的信息。因此,在网站中添加一个搜索框已经成为网页设计的主流元素之一。添加一个搜索框到网站会使得用户界面更加友好,也能帮助用户轻松愉快地浏览。
[b]脉动的CSS3输入搜索框 [/b]
输入搜索框带有边框和类似脉冲的阴影跳动。
[b]纯CSS的建议搜索框 [/b]
这是一个使用纯CSS构建扩展建议搜索框的简单教程。
[b]CSS的扩大搜索框 [/b]
扩大搜索框是一个点击或输入东西时会变宽的一个简单搜索框。
[b]使用CSS转换扩大搜索栏 [/b]
我们将利用CSS转换扩展了的搜索栏。搜索栏最初在视图中隐藏的,当点击搜索标签时它能顺利地扩展到视图。
[b]在CSS客户端全文检索 [/b]
使用指数化数据属性、动态样式和CSS3选择器的搜索功能,可以直接实现在CSS的全文检索,而不是JavaScript客户端。
[b]用CSS3和HTML创建搜索框下拉菜单 [/b]
在本教程中,我们将创建一个平面式的导航和Square UI的搜索下拉菜单。
[b]如何编写一个扩展HTML5/ CSS3的搜索输入字段 [/b]
在本教程中我们使用两种不同的方法来构建一个扩大搜索字段。
[b]花式搜索框 [/b]
这是一个奇特的搜索框,非常有意思!
[b]搜索栏动画 [/b]
[b]CriteriaSearchBox [/b]
一种提示选择搜索,像商店类别的搜索框。
[b]jQuery和CSS3的"下一步级别"动画搜索表单 [/b]
[b]基本的jQuery搜索/过滤器 [/b]
灵活的搜索框
一个灵活的搜索输入和内部固定宽度的提交按钮来固定边界的宽度。
[b]脉动的CSS3输入搜索框 [/b]
输入搜索框带有边框和类似脉冲的阴影跳动。
[b]纯CSS的建议搜索框 [/b]
这是一个使用纯CSS构建扩展建议搜索框的简单教程。
[b]CSS的扩大搜索框 [/b]
扩大搜索框是一个点击或输入东西时会变宽的一个简单搜索框。
[b]使用CSS转换扩大搜索栏 [/b]
我们将利用CSS转换扩展了的搜索栏。搜索栏最初在视图中隐藏的,当点击搜索标签时它能顺利地扩展到视图。
[b]在CSS客户端全文检索 [/b]
使用指数化数据属性、动态样式和CSS3选择器的搜索功能,可以直接实现在CSS的全文检索,而不是JavaScript客户端。
[b]用CSS3和HTML创建搜索框下拉菜单 [/b]
在本教程中,我们将创建一个平面式的导航和Square UI的搜索下拉菜单。
[b]如何编写一个扩展HTML5/ CSS3的搜索输入字段 [/b]
在本教程中我们使用两种不同的方法来构建一个扩大搜索字段。
[b]花式搜索框 [/b]
这是一个奇特的搜索框,非常有意思!
[b]搜索栏动画 [/b]
[b]CriteriaSearchBox [/b]
一种提示选择搜索,像商店类别的搜索框。
[b]jQuery和CSS3的"下一步级别"动画搜索表单 [/b]
[b]基本的jQuery搜索/过滤器 [/b]
灵活的搜索框
一个灵活的搜索输入和内部固定宽度的提交按钮来固定边界的宽度。
相关文章推荐
- CSS3,HTML5和jQuery搜索框集锦
- 使用HTML5,CSS3和jQuery增强网站用户体验
- 使用HTML5、CSS3和jQuery增强网站用户体验
- jquery.zSlide.js-基于CSS3/HTML5演示文档jQuery插件
- 使用HTML5、CSS3和jQuery增强网站用户体验[留存]
- Pure CSS3 Spiderman Cartoon w/ jQuery and HTML5 – Look Ma, No Flash!
- 20个jQuery、CSS3和html5最新插件
- Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十二】
- [置顶] HTML5 实现小车动画效果(Canvas/CSS3/JQuery)
- 如何通俗易懂地向初学者通解释 jQuery、CSS3 和 HTML5 的关系?
- zSlide-基于CSS3/HTML5演示文档jQuery插件
- 25 个免费的 HTML5 CSS3 jQuery 下拉菜单,有图有真相,看图更直观!
- Web 前端开发精华文章集锦(jQuery、HTML5、CSS3)【系列十七】
- Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十五】
- Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十四】
- HTML5 实现小车动画效果(Canvas/CSS3/JQuery)
- Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十三】
- Web 前端开发精华文章推荐(HTML5、CSS3、jQuery)【系列二十二】
- Web 前端开发精华文章推荐(HTML5、CSS3、jQuery)【系列二十三】
- Web 前端开发精华文章集锦(jQuery、HTML5、CSS3)【系列十七】