2 u013179958 u013179958 于 2016.02.04 09:27 提问

这个下拉框是如何实现的?

图片说明

3个回答

showbo
showbo   Ds   Rxr 2016.02.04 10:28
已采纳
 <!doctype html>
<style>
    .trigger{position:relative;}
    .trigger .popup{position:absolute;left:0px;top:20px;background:#fff;border:solid 1px #000;display:none}
    .trigger:hover .popup{display:block}
</style>
<div class="trigger">
    <a href="#">鼠标移动到这里弹出层</a>
    <div class="popup">
        弹出层的内容<br /> 弹出层的内容<br /> 弹出层的内容
    </div>
</div>
showbo
showbo 回复据说名字太长不容易被发现: 其实就是使用了:hover伪类,默认popup隐藏,hover后设置popup display block显示出来,注意IE6-不支持非a对象:hover伪类,你要兼容ie6需要自己写js代码。:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。http://www.w3school.com.cn/cssref/pr_pseudo_hover.asp
2 年多之前 回复
u013179958
u013179958 大神 给解读下css的代码被 , 没太看懂啊
2 年多之前 回复
u013179958
u013179958 大神 个解读下css的代码被 , 没太看懂啊
2 年多之前 回复
qq_19558705
qq_19558705   Ds   Rxr 2016.02.04 09:37

如果想自己写:想完成下面div布局,隐藏。点击上面的bug后显示。当然也可以用bootstrap或者是select2

qq_19558705
qq_19558705 回复据说名字太长不容易被发现: 中间的编号(ctrl+g) 是为了快速找到拉下框内容么?如果是,select2就有这个功能。
2 年多之前 回复
qq_19558705
qq_19558705 回复据说名字太长不容易被发现: bootstrap有个下拉菜单:http://www.runoob.com/bootstrap/bootstrap-dropdowns.html
2 年多之前 回复
u013179958
u013179958 如果用BootStrap如何实现?
2 年多之前 回复
rui888
rui888   Ds   Rxr 2016.02.04 09:44

div+css 模拟出来的弹出框

u013179958
u013179958 有Demo吗
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
利用下拉框选择省份、城市、地区
说明1.首先封装操作数据库的类SqlHelper,当然前提还得创建数据库连接using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Configuration; using System.Data.S
自动加载下拉列表年、月、周
public class Utils { /** * 得到下拉的年份 * * @return */ public static Map getSelectYear() { Map defaultYear = new LinkedHashMap(); defaultYear.put("2014", 2014); defaultYear.put("2015", 20
样式简单的伪下拉框的实现
另一种伪下拉框的实现,这个样式比较简单。
ASP.NET(C#)中的自动下拉框的实现
[1].[代码] [C#]代码 跳至 [1] [2] [3] [4] ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
TTCombobox_demo
TTComboBox_src的demo,演示如何实现下拉框内容弹出提示。
基于JavaScript实现树形下拉框
的小伙伴们可以参考一下 平时会经常遇到树形结构的问题,比如显示目录结构等。 大多数情况下后台会返回这样的数据,如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 [ { id: 19, pid: 0, name: 'nodejs' }, { id: 20, pid: 19, name:
Android自定义下拉框的简单实现
安卓自带的Spinner不会用啊,换个图片都好麻烦,更别提做各种自定义的效果了自己尝试着写了个能用的实现思路:给予一个控件点击事件,弹出PopupWindow,通过对PopupWindow内的控件设置点击事件,完成对其他界面的更新。具体实现:1.自定义控件(这里使用LinearLayout,在线性布局末尾添加一个ImageView,并对ImageView设置)public class Custom...
jsp中下拉列表框的一种实现思路
SelBoxManager.javaimport java.util.ArrayList;import java.util.List;import javax.servlet.jsp.PageContext;import org.apache.struts.util.LabelValueBean;public class SelBoxManager { public static
jsp ajax下拉框无限级联动
好久没写博客了,最近有点新的收获所以将成果写上来,来表示我的喜悦心情。ajax这个东西以前一直没用过,就知道好,今天终于做了第一个ajax程序,实现下拉框无限级联动!本人本着开源原则,代码公开,与大家分享,多提宝贵意见!   chatercreate.jsp//这是显示页
Android下拉框的实现
先上效果图 点击下拉按钮时(其实是个imageView图片) 布局文件<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tool