Javascript 如何使这些函数在同一页上工作

我的措辞可能全错了，但这就是我所拥有的

现在这个工作很好，这是一个广告系统，我没有做什么惊天动地

上面的例子是一个横幅

现在，如果我加上这个代码：同样（它都是梨形的），那么我显然是一个旋钮，并且已经把一些东西弄坏了。由于函数不能有ID，我收集到一定是鼠标事件发生冲突，所以不允许我制作的功能在两个代码上独立工作。。。基本上，如果您将下面的代码添加到小提琴中。。。该死的，我要做第二把小提琴。。有两套代码。为您添加以查看问题

我们的想法是，每个广告都是独特的，悬停的信息链接功能在每个广告上独立工作，在某些情况下，我们可能需要每页4个广告。。。所以真的很感谢你的帮助。。。我在这里的上一篇文章：：：可能会对已经收到的答案有所启发，当我发布时我们没有互联网，所以现在这是这个问题的更新版本

---

你也可以试试这个，我不确定这是不是一个完美的方式，但它确实有效

javascript

function mouseOver(ban_id)
{
    if(ban_id=="flashdivb")
        document.getElementById("flashdivb").className="flash-abgb";
    else if(ban_id=="flashdivsb")
            document.getElementById("flashdivsb").className="flash-abgsb";
}
function mouseOut(ban_id)
{
    if(ban_id=="flashdivb")
        document.getElementById("flashdivb").className="flash-ib";
    else if(ban_id=="flashdivsb")
            document.getElementById("flashdivsb").className="flash-isb";
}

html

---

不确定你编辑了什么Matt？有什么原因不能给函数唯一的名称吗<例如，code>mouseOverBanner和

mouseOverSidebar

？如果我知道怎么做，我就不会问了。。我只是不知道怎么做……这里有一个具有唯一函数名的JSFIDLE。但是，如果您打算创建一个通用函数，也可以这样做。但是你需要传递一些参数。而且它看起来很有效。您所要做的就是在JavaScript和HTML

onmouseover

/

onmouseout

事件中更改函数的名称。

<!--html code for the banner-->
<div class="banner">
         <div class="bannerAd">
            <img src="http://sitehelp.com.au/images/bannerad.png">
            <a href="somelink.html">
                <div id="flashdivb" class="flash-ib"></div>
            </a>

            <a href="/media">
                <div class="ibhover" onmouseover="mouseOver('flashdivb')" onmouseout="mouseOut('flashdivb')"> </div>
            </a>
        </div>
    </div>
<!--html code for the sidebar-->
<div class="sidebar">
         <div class="sidebarAd">
            <img src="http://sitehelp.com.au/images/sidebarad.png">
            <a href="somelink.html">
                <div id="flashdivsb" class="flash-isb"></div>
            </a>

            <a href="/media">
                <div class="isbhover" onmouseover="mouseOver('flashdivsb')" onmouseout="mouseOut('flashdivsb')"> </div>
            </a>
        </div>
    </div>

/*css for the banner*/
h3 { font-family:Arial, Helvetica, sans-serif;
color:#444444;

}
/*header advert*/
.banner {
width:468px;
height:60px;
border:1px solid #aaaaaa;
position:relative;
}
.bannerAd{
position:absolute;
top:0px;left:0px;
}
.flash-ib {
    background-image: url("http://sitehelp.com.au/images/bannerinfo.png");
    height: 60px;
    width: 468px;
    position:absolute;
    top:0px;left:0px;
    /*opacity:0.4;opacity option*/
}
.flash-abgb {
    background-image: url("http://sitehelp.com.au/images/bannerinfolink.png");
    height: 60px;
    width: 468px;
    position:absolute;
    top:0px;left:0px;
    /*opacity:0.8;opacity option*/
}
div.ibhover {
    height: 20px;
    width: 25px;
    position: absolute;
    top: 40px;
    left: 443px;
}
/*css for the sidebar*/
.sidebar {
width:250px;
height:250px;
border:1px solid #aaaaaa;
position:relative;
}
.sidebarAd{
position:absolute;
top:0px;left:0px;
}
.flash-isb {
    background-image: url("http://sitehelp.com.au/images/sidebarinfo.png");
    height: 250px;
    width: 250px;
    position:absolute;
    top:0px;left:0px;
    /*opacity:0.4;opacity option*/
}
.flash-abgsb {
    background-image: url("http://sitehelp.com.au/images/sidebarinfolink.png");
    height: 250px;
    width: 250px;
    position:absolute;
    top:0px;left:0px;
    /*opacity:0.8;opacity option*/
}
div.isbhover {
    height: 20px;
    width: 25px;
    position: absolute;
    top: 230px;
    left: 225px;
}