0

ページ ID に応じてメニューを強調表示する方法はありますか? 私はそれを行う方法を理解できないようです。

http://www.dawaf.co.uk/cthm/work/

<div id="header">
    <h1>
        <a href="http://www.dawaf.co.uk/cthm/work">
            <img src="http://www.dawaf.co.uk/cthm/wp-content/uploads/2013/01/logo2.png" alt="CTHM Logo" id="logo" width="140" height="44" />    
        </a>
        <div id="contact-details">
            26 Queen Anne Road, London, E9 7AH<br />
            t + 44 7912325101<br />
            <a href="mailto:hello@cthm.co.uk">hello@cthm.co.uk</a>
        </div>
    </h1>
    <div id="nav">
        <span id="nav-li">
            <a href="http://www.dawaf.co.uk/cthm/work/" class="work-current">Work</a>
            <a href="http://www.dawaf.co.uk/cthm/studio/" class="studio-current">Studio</a>
            <a href="http://cthmplus.tumblr.com/" target="_blank">CTHM&#43;</a>
            <a href="https://twitter.com/hello_cthm" target="_blank">
                <img src="http://www.dawaf.co.uk/cthm/wp-content/uploads/2013/01/twitter.png" alt="Twitter" width="13" height="13">
            </a>
        </span>
    </div>
</div>

<div id="content">
4

2 に答える 2

0

ナビゲーション項目にアクティブなクラスを追加することをお勧めします。このようなもの：

<a href="http://www.dawaf.co.uk/cthm/work/" class="active">Work</a>

そしてCSS：

#nav a.active {
  /* your active style here */
}
于 2013-01-24T00:32:03.463 に答える
0

2 つのオプションがあります。1 つは、Zak が言及したもので、Web サイトに jQuery を使用して、一度に 1 つのアイテムのみを「アクティブ」としてマークする必要があります。もう 1 つのオプションは CSS :active セレクターで、(現時点で) 使用中のリンクに CSS を自動的に適用します。例えば：

#nav li a:active {
  /* Insert styling here, such as, background-color: #01B */
}

これが役立つかどうか教えてください！

于 2013-01-24T01:14:29.877 に答える