0

私は仕事を完了しなかったフリーランサーによって部分的に行われたコードでウェブサイトを仕上げています。私はほとんどすべての問題を解決しましたが、私はこれで立ち往生しています。

テストサイトはこちらです。

上部のボタン（PT-EN）は、現在の言語サイトに応じてホバー状態（白）のままにしておきたいです。同じように、ナビゲーションメニュー項目は選択しても白のままです。

前もって感謝します！

編集：

私がやろうとしていることは、基本的にこれがナビゲーションメニューで行ったことを複製することです：

HTMLによると：

<div class="fright text">
            <ul>
                <li class="active"><a href="baga.html">baga</a></li>
                <li><a href="portfolio_thumbnai.html"> portfolio</a></li>
            </ul>
            <ul>
                <li><a href="clientes.html">clientes</a></li>
                <li><a href="contactors.html"> contactos</a></li>
                <li><a href="news.html"> news</a></li>
            </ul>
        </div>

CSSは言う：

.head .text{
    text-transform:uppercase;
    padding-top: 72px;
    font-size: 25px;
    text-align:right;
    margin-right:-1px;
    line-height:26px;
}
.head .text ul{
    padding:0px;
    margin-top:-5px
}
.head .text ul li{
    display:inline;
}
.head .text ul li a{
    text-decoration:none;
    color: #fff;
    opacity: 0.3;
    font-family: DIN-Light;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
}
.head .text ul li.active a{
    color:#fff;
}

トップボタンに対して現在行われていることは次のとおりです。

HTML

<div class="top-head">
        <ul>
        <li class="active"><a href="#">pt</a></li>
        <li> - <a href="en/index.html">en</a></li>
        </ul>
        </div>

CSS

.top-head{
    text-align:right;
    text-transform:uppercase;
    padding-top:20px;
    font-size:11px;
    font-family: DIN-Light;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
}
.top-head ul li{
    display:inline;
}
.top-head ul li a{
    text-decoration:none;
    color: #fff;
    opacity: 0.3;
    font-family: DIN-Light;
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
}
.top-head ul li.active a{
    color:#fff;
    opacity: 1;
}

その結果、ページに入るときにPTボタンは白のままですが、もう一度ホバーすると白が消えます。

4

2 に答える 2

1

DOMイベントに基づいてボタンのクラスを変更できます。私の好みのjQueryを使用して、これを確認することをお勧めします。

于 2012-06-13T14:11:27.587 に答える
0

問題はJavaScript内にあります：

$(".text-top a,.menu-div a,.top-head a,.blog ul li a,.mapa a, input[type=button],input[type=submit]").live("mouseout", function() {
    if(!$(this).hasClass('active')) {
        $(this).stop();
        $(this).animate({
            opacity: 0.3
        }); 
    }
});

その特定の要素がアクティブなクラスを持っていない限り、マウスアウトで要素をフェードアウトします。あなたのサイトはアクティブクラスを言語リンクに適用していません...それはアクティブクラスを<li>コンテナに適用します。

于 2012-06-13T15:47:31.767 に答える