Php 如何让div使用jquery实现这一点？

我正试图用jquery和php/mysql在facebook上的帖子上重现锁定功能

下面是一个图像，显示了它在单击时执行的不同操作

我想你会做一些事情，比如悬停，用工具提示显示隐藏的div，悬停，移除它。单击事件显示另一个隐藏的div，但也必须以某种方式更改按钮的颜色。当单击menu div打开时，它有一个菜单，如果单击了其中任何一个菜单，它需要使用ajax将结果发送到后端脚本。单击某个选项或在div外部单击后，它将隐藏所有div，可能只需单击任意位置即可关闭它，因此可能可以使用切换

谁能澄清一下我的方向是正确的吗。我很少使用jquery或javascript。任何类似的例子或帮助都将不胜感激

---

悬停不需要JavaScript。制作一个用作工具提示的元素，并将其放置在下拉按钮上方。然后为这两者创建一个父级

。您的HTML应该如下所示：

<div id="container">
    <div id="button">...</div>
    <div id="tooltip">...</div>
</div>

要显示下拉框，您可能需要JavaScript。将另一个元素添加到容器：

<div id="container">
    <div id="button">...</div>
    <div id="tooltip">...</div>
    <ul id="selection">
        <li>Something</li>
        <li>Something Else</li>
        <li>A Third Thing</li>
    </ul>
</div>

然后，您可以让子项执行它们喜欢的任何操作，只要它们还隐藏了

#选择

$('#selection li').click(function() {
    // do something
    $('#selection').hide();
});

最后，您希望在悬停时更改背景和文本颜色。这很简单：

#selection li {
    background-color: #ccc;
    color: black;
}

#selection li:hover {
    background-color: black;
    color: white;
}

---

这在IE6或（我相信）7中并不完美——您需要研究替代解决方案。使用JavaScript或签出。

悬停不需要JavaScript。制作一个用作工具提示的元素，并将其放置在下拉按钮上方。然后为这两者创建一个父级

。您的HTML应该如下所示：

<div id="container">
    <div id="button">...</div>
    <div id="tooltip">...</div>
</div>

要显示下拉框，您可能需要JavaScript。将另一个元素添加到容器：

<div id="container">
    <div id="button">...</div>
    <div id="tooltip">...</div>
    <ul id="selection">
        <li>Something</li>
        <li>Something Else</li>
        <li>A Third Thing</li>
    </ul>
</div>

然后，您可以让子项执行它们喜欢的任何操作，只要它们还隐藏了

#选择

$('#selection li').click(function() {
    // do something
    $('#selection').hide();
});

最后，您希望在悬停时更改背景和文本颜色。这很简单：

#selection li {
    background-color: #ccc;
    color: black;
}

#selection li:hover {
    background-color: black;
    color: white;
}

---

这在IE6或（我相信）7中并不完美——您需要研究替代解决方案。使用JavaScript或签出。

以下是我将采取的方法：

对于悬停，请检查jQuery以更改不同的图像状态

对于工具提示，有几个jQuery插件，您可以实现如下功能

对于单击，jQuery将起到作用

下拉列表将有点棘手。您需要结合使用和来更改页面（即项目符号）

最后，当页面最初加载时，您必须执行某种请求，以确定选择了哪个设置，然后显示选择。这可以在页面加载时使用php完成，也可以使用上面提到的ajax请求完成

---

以下是我将采取的方法：

对于悬停，请检查jQuery以更改不同的图像状态

对于工具提示，有几个jQuery插件，您可以实现如下功能

对于单击，jQuery将起到作用

下拉列表将有点棘手。您需要结合使用和来更改页面（即项目符号）

最后，当页面最初加载时，您必须执行某种请求，以确定选择了哪个设置，然后显示选择。这可以在页面加载时使用php完成，也可以使用上面提到的ajax请求完成

---

查看选择器和隐藏（）function@gumbo，它说它来自facebook的第一行查看选择器和隐藏（）function@gumbo，它说它的第一行来自facebook