Fatal编程技术网
  • javascript/
  • Javascript 如何使简单效果下拉列表上升？

Javascript 如何使简单效果下拉列表上升？

javascript css drop-down-menu

Javascript 如何使简单效果下拉列表上升？,javascript,css,drop-down-menu,Javascript,Css,Drop Down Menu,有人有时间帮我写这段代码吗 基本上，我想用下拉菜单代替。我试过了 底部：100% 还有其他一些东西，但我搞不懂。任何事情都值得赞赏 谢谢 添加或编辑此css类： .cd-dropdown ul { top: auto; bottom: 100%; width: 100%; } 如果添加它，请确保它位于示例的css文件之后 在提供的文件上使用文件index.html的示例： <!DOCTYPE html> <html lang="en"> <head&g

有人有时间帮我写这段代码吗

基本上，我想用下拉菜单代替。我试过了

底部：100%

还有其他一些东西，但我搞不懂。任何事情都值得赞赏

谢谢

添加或编辑此css类：

.cd-dropdown ul {

top: auto;
bottom: 100%;
width: 100%;
}
如果添加它，请确保它位于示例的css文件之后

在提供的文件上使用文件index.html的示例：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <title>Simple Effects for Drop-Down Lists</title>
        <meta name="description" content="Simple Effects for Drop-Down Lists" />
        <meta name="keywords" content="drop-down, select, jquery, plugin, fallback, transition, transform, 3d, css3" />
        <meta name="author" content="Codrops" />
        <link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="css/style1.css" />
        <script src="js/modernizr.custom.63321.js"></script>
    </head>
    <body>

<style>
.cd-dropdown ul {

top: auto;
bottom: 100%;
width: 100%;
}
</style>


下拉列表的简单效果
.cd下拉列表{
顶部：自动；
底部：100%；
宽度：100%；
}
您可以在每个示例文件的正文之后添加此代码段：index2.htnml

或者在srtyle*X*.css文件的末尾
别忘了清除浏览器的缓存

也许您需要将
底部设置为：0px不是100%
 你能告诉我们你是如何尝试做下拉列表的吗？谢谢你的回答…我只是尝试将bottom:100%添加到各种类元素中，但是，我认为这必须在javascript中完成…欢迎使用Stack Overflow！如果我们能看到你的代码，我们就能更好地帮助你。张贴你的html和css，整个下拉框谢谢你，但不幸的是，这没有起作用。我试了两种方法。我会尽量张贴代码有一吨虽然。这都是在我提供的链接。谢谢你的帮助！我编辑了这篇文章。我发现唯一的问题是jquery动画的崩溃。我认为这可以解决它：谢谢…把样式放在头标签或身体的开头，就像上面的例子一样。然而，它从顶部传来，然后反弹下来，这很奇怪。这比我能做的要好。酷。非常感谢你。这是一个很好的例子！