javascript - 我如何使一个简单的效果下拉菜单上升?

标签 javascript css drop-down-menu

有人有时间帮我处理这段代码吗?

http://tympanus.net/codrops/2012/11/29/simple-effects-for-drop-down-lists/

基本上,我想用下拉菜单代替。 . .我试过设置

底部: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>

您可以在每个示例文件的主体之后添加此片段:index2.html...

或在 srtyle*X*.css 文件的末尾 不要忘记清除浏览器的缓存!

关于javascript - 我如何使一个简单的效果下拉菜单上升?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15423250/

相关文章:

javascript - 两个全宽 div 之间的 slider

html - H2 中的图像(每个 h2 唯一)

php - 如何根据表mysql更改下拉菜单

javascript - JSON 提取的数据返回次数过多

javascript - 如何获得 justifiedGallery 插件来与多个画廊一起使用?

javascript - 将字符串转换为 JSON

jquery - jquery下拉菜单的无限高度(slideUp和slideDown)

JavaScript 和自执行函数

javascript - 需要onclick事件,让div淡出 "THEN"删除div

php - 需要帮助从 mysql 数据填充下拉菜单