更多>
最新下载
24小时阅读排行榜
- 1 悟空浏览器官方网址是什么_悟空浏览器官网链接入口直达
- 2 jQuery中position()方法的作用是什么？
- 3 mysql分析器如何理解
- 4 小满吃什么润燥 小满节气时令家常菜
- 5 石头科技：Q3业绩高增叠加双.11开门红，消费热度印证品牌价值
- 6 JavaScript JWT令牌安全验证机制
- 7 光遇苦修行者先祖兑换图2025-光遇苦修行者先祖兑换表
- 8 DeepSeekOCR部署后如何实现定时识别任务_定时任务配置与自动化识别方法
- 9 城堡时代与武将品质双轨制解析：打造你的争霸路线图
- 10 浪漫餐厅兑换码10.30-浪漫餐厅10月30日兑换码分享
- 11 Go语言命名返回值的深度解析与实践
- 12 迅雷网盘如何加密私人文件 迅雷网盘隐私保护的设置方法
- 13 PPK神器驾到！专属三脚架让优雅特工化身战场女王
- 14 钉钉电脑版发起群聊的快捷键
- 15 html5使用localStorage存储数据 html5使用本地存储的实用指南
更多>
最新教程
-
- Node.js 教程
- 6882 2025-08-28
-
- CSS3 教程
- 985085 2025-08-27
-
- Rust 教程
- 10955 2025-08-27
-
- Vue 教程
- 13186 2025-08-22
-
- PostgreSQL 教程
- 10081 2025-08-21
-
- Git 教程
- 4983 2025-08-21
HTML+CSS3动画天气图标代码
这是一款jQuery+CSS3实现的带有动画效果的搜索框代码，创意展开收缩搜索框特效下载。
js代码
<script type="text/javascript">
function searchToggle(obj, evt){
var container = $(obj).closest('.search-wrapper');
if(!container.hasClass('active')){
container.addClass('active');
evt.preventDefault();
}
else if(container.hasClass('active') && $(obj).closest('.input-holder').length == 0){
container.removeClass('active');
// clear input
container.find('.search-input').val('');
// clear and hide result container when we press close
container.find('.result-container').fadeOut(100, function(){$(this).empty();});
}
}
function submitFn(obj, evt){
value = $(obj).find('.search-input').val().trim();
_html = "Yup yup! Your search text sounds like this: ";
if(!value.length){
_html = "Yup yup! Add some text friend :D";
}
else{
_html += "<b>" + value + "</b>";
}
$(obj).find('.result-container').html('<span>' + _html + '</span>');
$(obj).find('.result-container').fadeIn(100);
evt.preventDefault();
}
</script>
js代码
<script type="text/javascript">
function searchToggle(obj, evt){
var container = $(obj).closest('.search-wrapper');
if(!container.hasClass('active')){
container.addClass('active');
evt.preventDefault();
}
else if(container.hasClass('active') && $(obj).closest('.input-holder').length == 0){
container.removeClass('active');
// clear input
container.find('.search-input').val('');
// clear and hide result container when we press close
container.find('.result-container').fadeOut(100, function(){$(this).empty();});
}
}
function submitFn(obj, evt){
value = $(obj).find('.search-input').val().trim();
_html = "Yup yup! Your search text sounds like this: ";
if(!value.length){
_html = "Yup yup! Add some text friend :D";
}
else{
_html += "<b>" + value + "</b>";
}
$(obj).find('.result-container').html('<span>' + _html + '</span>');
$(obj).find('.result-container').fadeIn(100);
evt.preventDefault();
}
</script>
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
