注册
登录
充值会员
退出
毕业设计
PHP源码
首页
整站源码
菜单导航
时间日期
焦点图
tab标签
jquery特效
在线客服
广告代码
相册代码
图片特效
名站特效
其他代码
HTML5
新闻资讯
懒人原生tab切换搜索类型(类似天猫、京东搜索框
作者/代码整理:
懒人
(转载请附加本文地址,带有“懒人原生”字样的谢绝转载)
发布日期:2015-06-11
效果描述:
在一些网站上,我们经常看到两个tab切换,切换出不同的输入框,支持输入不同的搜索内容
特别是在天猫、京东这样的大型购物类网站上经常看到
今天懒人站长特意写了一个如此的切换效果,兼容主流浏览器
使用方法:
1、将head中的样式引入到你的样式表中
2、将body中的代码部分拷贝过去即可
(注意保持图片路径正确即可)
声明:凡标题注明“懒人原生”二字,均为本站原创,非书面授权谢绝转载
上一篇:
懒人原生评论添加表情gif小动画js特效
下一篇:
jquery鼠标悬停图片放大、鼠标状态自定义切换
在线预览
本地下载
网站常用
时间日期
在线客服
TAB标签
其他代码
名站特效
视频播放
相册代码
广告代码
图片特效
jquery特效
焦点图
菜单导航
CSS3
猜你喜欢...
JS调用本机时间
css实现文章内容页文字大小切换
滚动条滚动部分颜色修改代码
图片自动按比例缩小代码(防止页面被图片撑破
隐藏省略文字特效
字体大中小代码 & 字号缩放代码
怎样把网站变为黑白色
CSS文字倒影效果
CSS自适应宽度的按钮导航代码