Html 如何从下拉菜单中获取嵌入图像的选项（每个可能的选项）_Html_Image_Drop Down Menu_Embed

Html 如何从下拉菜单中获取嵌入图像的选项（每个可能的选项）

html image drop-down-menu

Html 如何从下拉菜单中获取嵌入图像的选项（每个可能的选项）,html,image,drop-down-menu,embed,Html,Image,Drop Down Menu,Embed,我不知道用什么来代替HREF，因为它们不能嵌入图像。如果你能在这里帮忙，那就太好了。你可能知道我最近发布了一个类似的问题，但不是很清楚，答案也没有帮助，不过还是要谢谢你。代码如下： <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .dropbtn { background-color: #4CAF50; color: white;

我不知道用什么来代替HREF，因为它们不能嵌入图像。如果你能在这里帮忙，那就太好了。你可能知道我最近发布了一个类似的问题，但不是很清楚，答案也没有帮助，不过还是要谢谢你。代码如下：

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}
.dropdown {
  display: inline-block;
  margin-left; 15px;
  position: relative;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  text-align:center;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}
</style>
</head>
<body>

<div class="dropdown">
  <button class="dropbtn">Select Skin</button>
  <div class="dropdown-content">
    <a href="#">Mumbo</a>
    <a href="#">Grian</a>
    <a href="#">Iskall</a> 
</div>
</div>

</body>

我从你们那个里了解到的是，当你们点击下拉列表的选项时，会嵌入一个图像

我建议的方法是为该选项设置一个datasrc类型的属性，然后使用jquery获取该值，并在单击时将其附加到div中

$document.readyfunction{ $。下拉内容a.clickfunction{ $.embedded-images.append； }; }; .dropbtn{ 背景色：4CAF50；颜色：白色；填充：16px；字体大小：16px；边界：无； } .下拉列表{ 显示：内联块；左边缘；15px；位置：相对位置； } .下拉内容{ 显示：无；位置：绝对位置；背景色：F1F1；最小宽度：160px；盒影：0px 8px 16px 0px rgba0,0,0.2； z指数：1； } .下拉内容a{ 颜色：黑色；填充：12px 16px；文字装饰：无；文本对齐：居中；显示：块； } .dropdown内容a:悬停{背景色：ddd；} .dropdown:hover.dropdown内容{display:block；} .dropdown:hover.dropbtn{背景色：3e8e41；} 选择皮肤

非常感谢！我对html比较陌生，这正是我想要的。我刚刚尝试应用它，但它似乎不起作用，你能告诉我应该怎么做，这样我才知道该怎么做。否则，这就太完美了。@BenLloyd，这取决于你想做什么。这只是一个关于如何解决你的问题的想法。不过，如果你需要更多的解释，我可以为你编辑它。