中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

js下拉菜單怎么制作

小億
102
2023-07-10 21:38:46
欄目: 編程語言

要制作一個下拉菜單,可以使用JavaScript和HTML來實現。以下是一個簡單的示例:

HTML代碼:

<!DOCTYPE html>
<html>
<head>
<title>下拉菜單示例</title>
<style>
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
min-width: 100px;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}
</style>
</head>
<body>
<div class="dropdown">
<button>選擇</button>
<div class="dropdown-content">
<a href="#">選項1</a>
<a href="#">選項2</a>
<a href="#">選項3</a>
</div>
</div>
</body>
</html>

在上面的示例中,我們創建了一個div元素,并將其樣式設置為position: relative,然后在其中添加了一個按鈕和一個下拉菜單內容的div。下拉菜單的樣式設置為display: none,這樣一開始就會隱藏起來。當鼠標懸停在div上時,我們將下拉菜單的樣式設置為display: block,從而顯示它。

你可以根據需要修改樣式和菜單內容。這只是一個基本示例,你可以根據自己的需求進行擴展和修改。

0
富蕴县| 南宁市| 华宁县| 尖扎县| 柘城县| 宣武区| 禹州市| 高雄市| 襄垣县| 邵阳市| 始兴县| 保康县| 望谟县| 栖霞市| 长丰县| 铁岭市| 锦屏县| 图们市| 桓仁| 定南县| 甘德县| 寿阳县| 青神县| 突泉县| 衡阳县| 岳池县| 青海省| 乌拉特后旗| 三明市| 公安县| 永州市| 定陶县| 临沭县| 邵阳县| 宁波市| 海安县| 珲春市| 安平县| 沙田区| 上林县| 灌南县|