Javascript 我能'；我不知道如何在单击时创建我的iFrame下拉列表

所以我设法让iFrame下拉到悬停状态，但当光标移出框架，或在IE9中移出超链接时，iFrame关闭。我想一直打开它，直到我点击页面上的其他地方。所以，除非有办法防止它在悬停时关闭，否则我想将其更改为onclick事件。代码如下：

HTML:

---

CSS中是否有我缺少的属性？或者有没有一种方法可以用Javascript实现这一点，而我似乎在任何地方都找不到？

因为样式应用于

：hover

，并且元素在mouseout事件中丢失了伪选择器，您描述的行为是预期的

不能对单击事件使用伪选择器。您必须使用JavaScript在单击时添加一个类，并在另一个事件中删除它

在jQuery中，它看起来像：

$('#myNavItem').click(function() {
    $('#myIFrame').addClass('.expanded');
});

---

您还必须将CSS

：悬停

选择器更改为

。展开

。它将在此事件上观察到相同的CSS3转换。

因为样式应用于

：hover

，并且元素在mouseout事件上丢失了伪选择器，所以您描述的行为是预期的

不能对单击事件使用伪选择器。您必须使用JavaScript在单击时添加一个类，并在另一个事件中删除它

在jQuery中，它看起来像：

$('#myNavItem').click(function() {
    $('#myIFrame').addClass('.expanded');
});

---

您还必须将CSS

：悬停

选择器更改为

。展开

。它将在此事件上观察相同的CSS3转换。

对不起，请原谅我的无知。我还不熟悉HTML、JavaScript等。我应该在哪里分配类属性“expanded”？iframe的内部？CSS规则会是什么样子？Change.headerNav li:hover#stf to.headerNav li#stf.expanded？确定-在示例jquery脚本中，如果单击ID为

myNavItem

的元素，它会将.expanded类添加到ID为

myIFrame

的元素中。在这种情况下，我可能只会附加到第一个锚点的click事件。因为您实际上是在显示div，所以您可以将目标设置为

$（“#stf”）

，并且您在注释中的样式是正确的，只是#stf和.expanded之间不应该有空格。我似乎无法让它工作。我添加了：$（'uploadFiles'）。单击（function（）{$（'stf'）。addClass（'expanded'）；}）；直击头部。并删除了CSS中的空格，什么也没有。我肯定我错过了一些超基本的东西，但我不知道是什么。对不起，请原谅我的无知。我还不熟悉HTML、JavaScript等。我应该在哪里分配类属性“expanded”？iframe的内部？CSS规则会是什么样子？Change.headerNav li:hover#stf to.headerNav li#stf.expanded？确定-在示例jquery脚本中，如果单击ID为

myNavItem

的元素，它会将.expanded类添加到ID为

myIFrame

的元素中。在这种情况下，我可能只会附加到第一个锚点的click事件。因为您实际上是在显示div，所以您可以将目标设置为

$（“#stf”）

，并且您在注释中的样式是正确的，只是#stf和.expanded之间不应该有空格。我似乎无法让它工作。我添加了：$（'uploadFiles'）。单击（function（）{$（'stf'）。addClass（'expanded'）；}）；直击头部。并删除了CSS中的空格，什么也没有。我肯定我错过了一些超基本的东西，但我不知道是什么。

$('#myNavItem').click(function() {
    $('#myIFrame').addClass('.expanded');
});