我正在使用 include 函數(shù)將 sidenav.php 頁(yè)面生成到我的其他網(wǎng)站頁(yè)面中。這是 sidenav.php ： <div class="sidenav">
<h3> HTML Collection</h3>
<a class="current" style="cursor: pointer;" onclick="window.location.href ='html_default.php';"> HTML Intro</a>
<a style="cursor: pointer;" onclick="window.location.href = 'html_editors.php';"> HTML Editors</a>
</div>現(xiàn)在你可以看到我正在使用類(lèi)：當(dāng)前方法來(lái)突出顯示我所在的頁(yè)面。問(wèn)題是因?yàn)槲沂褂冒瑏?lái)生成該頁(yè)面，它總是會(huì)突出顯示每個(gè)頁(yè)面的側(cè)導(dǎo)航的第一行，即使我不在介紹頁(yè)面中，您能幫我操作一下嗎？我已經(jīng)嘗試了2天了。
2 回答
HUX布斯
TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊
您需要檢查您現(xiàn)在所在的頁(yè)面$_SERVER['REQUEST_URI']。
試試這個(gè)快速而骯臟的解決方案：
<?php
$class1 = '';
$class2 = '';
$class3 = '';
$prefix = '/html/html_';
if ($_SERVER['REQUEST_URI'] == $prefix.'default.php') {
$class1 = 'current';
} else if ($_SERVER['REQUEST_URI'] == $prefix.'editors.php') {
$class2 = 'current';
} else {
$class3 = 'current';
}
?>
<div class="sidenav">
<h3> HTML Collection</h3>
<a class="<?= $class1 ?>" href="html_default.php">HTML Intro</a>
<a class="<?= $class2 ?>" href="html_editors.php">HTML Editors</a>
<a class="<?= $class3 ?>" href="html_basics.php">HTML Basics</a>
</div>
這將比較當(dāng)前文件路徑是否匹配，然后將current其用作class-attribute 值。
順便說(shuō)一句，您不需要，style="cursor: pointer"因?yàn)楫?dāng)您有<a>標(biāo)簽時(shí)，每個(gè)瀏覽器都會(huì)顯示手形圖標(biāo)。也請(qǐng)使用href標(biāo)簽而不是onclick讓您的生活更輕松并完成 W3C 驗(yàn)證。
慕容708150
TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超4個(gè)贊
另一種方法是只在每個(gè)頁(yè)面上使用唯一的 id，并使用這些 id 來(lái)定位您的鏈接并添加適當(dāng)?shù)臉邮健?/p>
<body id='page_about'>
<a id='nav_about' href='about.php'>About</a>
<a id='nav_contact' href='contact.php'>Get in touch</a>
</body>
然后 CSS 類(lèi)似：
#page_about #nav_about,
#page_contact #nav_contact
{
text-decoration: none;
}
不需要邏輯。
請(qǐng)記住，如果您關(guān)閉了 CSS，則當(dāng)前頁(yè)面鏈接不會(huì)獲得該樣式。
- 2 回答
- 0 關(guān)注
- 95 瀏覽
添加回答
舉報(bào)
0/150
提交
取消