更多>
最新下载
jQuery点击文字滚动Scrollocue插件
jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理，转载请注明出处！
0
2025-12-19
24小时阅读排行榜
- 1 Linux磁盘IO异常怎么排查_日志与工具分析方法【指导】
- 2 MAUI XAML编译怎么用 加速MAUI启动速度方法
- 3 C++模板（template）怎么用？C++函数模板与类模板教程【泛型编程】
- 4 如何使用Golang进行文件哈希计算_使用md5或sha包获取摘要
- 5 css flex布局中心内容偏移怎么办_检查是否存在额外margin或对齐方式未统一
- 6 css按钮状态层叠冲突怎么办_使用优先级更高的类选择器调整
- 7 Javascript的测试如何编写_有哪些流行的测试框架？
- 8 c++如何实现观察者模式 c++常用设计模式【实例】
- 9 css搜索栏在移动端被压缩怎么办_利用百分比宽度和媒体查询调整布局
- 10 c++中的未定义行为(UB)有哪些_c++常见Undefined Behavior汇总【安全编程】
- 11 css absolute定位在不同分辨率错位怎么办_用百分比定位配合calc或flex容器保持自适应
- 12 C++内存池管理_C++性能关键应用中怎么自定义内存分配器
- 13 MAUI怎么访问平台原生API .NET MAUI平台特定代码调用方法
- 14 css弹性盒子布局响应式如何处理_结合media查询和flex-wrap实现自适应
- 15 C++低延迟网络编程_C++在高频交易系统中如何实现微秒级延迟
更多>
最新教程
-
- Node.js 教程
- 14205 2025-08-28
-
- CSS3 教程
- 1540908 2025-08-27
-
- Rust 教程
- 21907 2025-08-27
-
- Vue 教程
- 24404 2025-08-22
-
- PostgreSQL 教程
- 21114 2025-08-21
-
- Git 教程
- 8322 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
