点击a 标签弹出select样式的下拉框，功能和select一样

qq_35092930 2017-04-05 03:34:31

我需要点击一个li里的a标签点击a 标签弹出select样式的下拉框，功能和select一样（不能直接用select）弹出的层里也是用li，点击弹出层的li右边出现相应的内容，感谢感谢感谢!!!!!!

...全文

665 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

辣姐什么鬼 2017-04-05

打赏
举报

回复

唔，之前写过一个例子，给你链接你看看是不是你要的效果哈 http://blog.csdn.net/liona_koukou/article/details/51958216 直接把代码复制粘贴改改jquery包的引用地址就行

这个CSS3菜单利用CSS3特性可以浮动在网页上，并带有阴影效果，同时，展开下拉框时会以旋转形式弹出一个二级菜单，菜单呈现漂浮晃动的效果。

jQuery Select 从图中你就可看出，它是一款Select下拉单选框模拟插件，模拟原有select下拉框的功能，不过比原始Select更具表现力，可以随心所欲的对其美化，同时它还支持键盘操作，可通过键盘选择下拉框选项，可自定义样式，可选择需要的seletc 进行非全局模拟，另外，它还有点智能，能判断用户是否开启脚本支持，若未开启，则显示原有Select框，不进行模拟。　　2010年07月16日增加了onmouseover事件，鼠标经过select即弹出选项进行选择。

本课程主要讲解web自动化-键盘 下拉框 对话框显示等待隐式等待,主要内容如下:1. 键盘操作案例2. 下拉框操作3. 对话框处理4. 滚动条操作5. 显示等待6. 隐式等待7. 强制等待

js select框美化用input文本框模拟select框美化特效，鼠标点击input框弹出选择二级菜单点击取值特效。

在使用iview的过程中，我遇到这样一个问题，在Model中使用select下拉框组件。但是当弹出框超过一屏需要滚动时，select的下拉选项会出现错位（下图1为正常，图2为滚动后，下拉选项错位。）图1：图2：在分析组件代码后，发现以下一个样式： .ivu-modal .ivu-select-dropdown { position: absolute !important; } 解决方案正是这个样式影响了下拉框的定位，解决的方式是覆盖作者的原来样式。但是，很不巧的是，作者加了一个 !important ,改变了优先级。那么，如何让自己的样式优先级比他高呢，可以在自定义的样

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章