Javascript onclick取消了CSS Rollover

时间:2012-04-04 01:09:34

标签: javascript html css

这个Javascript onclick(一旦点击我希望它继续)

function switchImg(i){
    document.images["countries"].src = i;
}

这取消了我的css翻转(双状态翻转)

.nav_box{width:180px; height: 40px;}
.nav_box:hover{width:180px; height: 40px;background-color:#f2f2f2;}
#nav-01:hover ~ #map { background:url("image") no-repeat;}`

我也在下面切换信息..这很好用。

HTML:

<li id="nav-01">
    <a id="#australia" href="javascript:ReverseDisplay('australia'),HideContent('japan'),HideContent('belgium'),HideContent('philippines'),HideContent('canada'),HideContent('spain'),HideContent('chile'),HideContent('sweden'),HideContent('france'),HideContent('uk'),HideContent('germany'),HideContent('us')" onclick="switchImg('image')">
        <div class="nav_box">
            <div style="font-size:25px;padding:7px 0 0 10px;">
                image
                <span style="font-size:25px;padding:0 0 0 8px;">Australia</span>
            </div>
        </div>
    </a>
</li>

<div id="map">image</div>

我可以不让CSS两状态翻转+一个JavaScript onClick保持开启而让其他翻转工作吗? (这对我来说都是新的领域)

谢谢!贝丝

0 个答案:

没有答案