我需要一点帮助。例如,当用户进入应用程序页面时。该图标需要保持点亮状态。在图像中,我的光标悬停在图像上方以产生效果。任何人都知道我想要实现的目标是否可能。
<ul class="mid-menu center-align">
<li>
<a class="bannernav-link " href="/<?php echo APP_URL . 'portal/account/'; ?>">
<img class="bannernav-img nav-L" src="<?php echo THEME_IMG_PATH; ?>account.svg" alt="account page" />
<img class="bannernav-img nav-M" src="<?php echo THEME_IMG_PATH; ?>mobile-account.png" alt="account page" />
<span>My Account</span>
</a>
</li>
<?php
if ( THEME == 'stafforce_onlinereg' || THEME == 'stafforce_perm_portal' ) {
?>
<li>
<a class="bannernav-link " href="/<?php echo APP_URL . 'portal/details/'; ?>">
<img class="bannernav-img nav-L" src="<?php echo THEME_IMG_PATH; ?>profile.svg" alt="account page" />
<img class="bannernav-img nav-M" src="<?php echo THEME_IMG_PATH; ?>mobile-profile.png" alt="account page" />
<span>Candidate Profile</span>
</a>
</li>
<?php
} else {
?>
<li>
<a class="bannernav-link " href="/<?php echo APP_URL . 'portal/cvupload/'; ?>">
<img class="bannernav-img nav-L" src="<?php echo THEME_IMG_PATH; ?>profile.svg" alt="account page" />
<img class="bannernav-img nav-M" src="<?php echo THEME_IMG_PATH; ?>mobile-profile.png" alt="account page" />
<span>CV Upload</span>
</a>
</li>
<?php
}
?>
<li>
<a class="bannernav-link " href="/<?php echo APP_URL . 'portal/basket/'; ?>">
<img class="bannernav-img nav-L" src="<?php echo THEME_IMG_PATH; ?>basket.svg" alt="account page" />
<img class="bannernav-img nav-M" src="<?php echo THEME_IMG_PATH; ?>mobile-basket.png" alt="account page" />
<span>Job Basket <?=$this->formatBasketCount($this->basketCount)?></span>
</a>
</li>
<li>
<a class="bannernav-link " href="/<?php echo APP_URL . 'portal/applications/'; ?>">
<img class="bannernav-img nav-L" src="<?php echo THEME_IMG_PATH; ?>applications.svg" alt="account page" />
<img class="bannernav-img nav-M" src="<?php echo THEME_IMG_PATH; ?>mobile-app.png" alt="account page" />
<span>Application</span>
</a>
</li>
<li>
<a class="bannernav-link " href="/<?php echo APP_URL . 'portal/downloads/'; ?>">
<img class="bannernav-img nav-L" src="<?php echo THEME_IMG_PATH; ?>downloads.svg" alt="account page" />
<img class="bannernav-img nav-M" src="<?php echo THEME_IMG_PATH; ?>mobile-downloads.png" alt="account page" />
<span>Downloads</span>
</a>
</li>
</ul>
最佳答案
假设您的风格是color:white
您需要在活动页面对应的图标上进行授课
然后做
.activeTab {
color: white;
}
关于jquery - 单击后突出显示菜单,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41573129/