更多>
最新下载
西山居首页jQuery焦点图代码
西山居首页jQuery焦点图代码是一款带文字描述，左右箭头，索引按钮，自动轮播切换的jQuery特效代码。本作品由【站长素材】收集整理，转载请注明出处！
0
2026-01-25
CSS3扁平化风格联系表单
CSS3扁平化风格联系表单是一款CSS3简易联系表单非常清新，整体外观不是那么华丽，但是表单扁平化的风格让人看了非常舒服，同时利用了HTML5元素的特性，表单的验证功能变得也相当简单。
0
2026-01-25
24小时阅读排行榜
- 1 javascript中的闭包是什么概念？_闭包在实际开发中有哪些应用场景？【教程】
- 2 javascript如何操作浏览器本地存储【教程】
- 3 javascript正则表达式如何使用_有哪些常用模式【教程】
- 4 如何使用Golang进行UUID生成_Golang github.com/google/uuid使用示例
- 5 php实时输出sleep影响输出吗_php实时输出sleep处理【步骤】
- 6 php模拟post请求长连接_phppostkeepalive保持法【技巧】
- 7 JavaScript递归算法如何解决复杂问题【教程】
- 8 为什么使用javascript_它相比于其他语言有何优势【教程】
- 9 JavaScript怎样进行错误处理【教程】
- 10 什么是事件循环_javascript的异步机制如何运行【教程】
- 11 如何正确处理 Go 中切片重切（re-slicing）后的内存回收问题
- 12 php实现班级通信录怎么批量导入_php批量插入通信录数据【步骤】
- 13 如何使用Golang模拟HTTP请求_Golang httptest包实践技巧
- 14 如何检测当前代码是否被 import 而不是直接运行
- 15 如何在Golang中处理网络超时错误_Golang timeout错误处理技巧
更多>
最新教程
-
- Node.js 教程
- 16079 2025-08-28
-
- CSS3 教程
- 1546455 2025-08-27
-
- Rust 教程
- 23222 2025-08-27
-
- Vue 教程
- 25689 2025-08-22
-
- PostgreSQL 教程
- 22181 2025-08-21
-
- Git 教程
- 9169 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
