首先非常感谢网友欢欢的无私分享,此Jquery插件是她刚写好的一款原创作品,实现了下拉框选择城市功能,Jquery插件名叫(hhDrop),在Jquery学堂群有网友需要这类型的插件,她为了方便网友们使用,所以这个特效封装成了一个Jquery插件,在页面使用时只需要写上一行代码初始化就可以了,使用非常简单。
主要包括了以下功能:
1、点击出发城市或到达城市 显示下面的层并且给他本身添加高亮calss,点击其他的地方可以隐藏下面的层并且给他本身删除高亮!
2、点击他本身显示 和 隐藏下面的层
3、当显示下面的层的时候 在显示层里的文本框输入文字,下面的层正常显示,只有把鼠标点击别的空白位置才隐藏本层
4、当点击关闭按钮的时候,也可以关闭本层
5、后面的搜索文本框的focus blur 特效
6、已经点击后面的删除按钮,可以把文本框的内容删除显示空值!
7、点击下面的城市选取做更换
页面初始化代码如下:
<script>
$(function(){
$('#hhDrop00').hhDrop({});
$('#hhDrop01').hhDrop({});
})
</script>
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友欢欢 弹出层 导航菜单 提示插件 下拉框 搜索框特效 多选下拉框 分类导航菜单 搜索引擎