快播搜索框悬浮文字搜索功能
快播的搜索框悬浮文字搜索,挺实用的一个小功能,尤其适合那种内容量大的站点。你可以把搜索框钉在页面角落,不管用户怎么滚,它都不挪窝,想搜随时点,响应也快。
CSS 的固定定位是关键,直接一个position: fixed
就能让搜索框挂在视口上,省事儿。再配上点JavaScript或jQuery
,搞个滚动触发显示、自动收起的交互,体验更顺滑。
Ajax 搜索也别忘了。用户一敲字,后台直接异步拉结果,感觉像百度那味儿。不用跳转、不用刷新,节省时间,用户也爱用。
要是你考虑手机端显示,那响应式设计必须上。加个@media
判断,控制下尺寸和位置,不然在小屏幕上太占地方,体验就垮了。
另外像texiao4399_1560681014
这种压缩包,八成就是配套资源,估计有HTML
、CSS
、JS
这三件套,拿来就能跑。你要是做视频类站点,或者导航搜索类页面,挺值得看看。
如果你想参考更多类似的实现,可以看看这些:仿快播搜索框、文本悬浮框、小程序悬浮搜索这些资源。
,想提升搜索体验,尤其在信息密集型页面上,搞个悬浮搜索框,还挺加分的。
下载地址
用户评论