如何在此javascript代码中添加fadeIn效果？

我得到了以下javascript代码：

function myProfileIn() {
    var showme = document.getElementById("myProfileTop").fadeIn(2000);
    showme.style.display = "inline";
    var showme = document.getElementById("myProfileMain").fadeIn(2000);
    showme.style.display = "inline";
}

此代码在我的按钮上工作，如

“onclick=“myProfileIn（）；“

这样它们就可以被看到，但我还想在单击按钮时加入fadein效果。 这就是为什么我加入了

“.fadeIn（1000）”

，但这不起作用

以下是激活该功能的按钮：

<div id="profileButtonArea"><div id="profileButtonBox"><img onclick="myProfileIn();" id="profileButtonImg" src="<?php echo $userPath; ?>" /></div></div>

“/>

以下是两种元素（div）的混合：

<div id="myProfileTop" style="display:none;"></div>
<div id="myProfileMain" style="display:none;"></div>

---

您遇到的问题是

fadeIn（）

是一种jQuery方法。它在标准HtmleElement对象上不可用。还要注意，如果要在连续单击时切换元素的可见性，请使用

fadeToggle（）

您还应该使用不引人注目的Javascript来附加事件处理程序，因为*上的

事件属性现在被认为已经过时。正如您用jQuery标记问题一样。以下是一个适用于上述所有方面的工作示例：


$（函数（）{
$（“#profileButtonBox img”）。单击（函数（）{
$（#myProfileTop，#myProfileMain”）.stop（true）.fadeToggle（2000）；
});
});
#myProfileTop，
#myProfileMain{
显示：无；
}

myProfileTop
myPropfileMain
谢谢！我现在使用了这段代码，它可以工作，但是“.fadeIn（）”会自动覆盖“display:none”属性吗？或者那里发生了什么？为什么它在没有我告诉css样式改变的情况下发生了变化@Rory McCrossanI希望在单击同一按钮时div也会消失，所以我认为这必须通过onclick来完成：/@Rory McCrossanYes，
fadeIn（）
/
fadeout（）
自动为您设置
显示
属性。在切换的情况下，使用
fadeToggle（）
。我已经为您更新了我的示例，还注意到使用了
stop（）
，它清除当前正在进行的动画，并立即开始下一个动画。如果您不熟悉jQuery，我建议您快速阅读ok perfect，那么当变量中有this.stop（）时，它会同时启动两个id的动画吗？我在api中就明白了吗？顺便说一下，我有两个这样的功能，当其中一个被激活时，我点击另一个按钮来激活该功能，我如何去激活前一个呢？：）@罗里·麦克罗森