gpt4 book ai didi

php - 如何为事件菜单项提供不同的样式

转载 作者:行者123 更新时间:2023-11-29 16:28:05 25 4
gpt4 key购买 nike

我的菜单是一堆链接,然后我使用 CSS 将其设置为按钮样式

<div id="menu">
<a href="" class="mybutton">Item 1</a>
<a href="" class="mybutton">Item 3</a>
<a href="" class="mybutton">Item 3</a>
</div>

当菜单项被单击并处于事件状态时,以不同方式设置其样式的最佳方式是什么?我是否使用 jquery 或 javascript 添加新类?或者有 CSS 技巧吗?

最佳答案

CSS 技巧

#menu a:active {
color: #f00;
}

同样适用于:悬停:访问

祝你好运!

编辑

现在看到您希望指向您所在页面的链接采用不同的样式,我需要更多详细信息。你使用 PHP 吗?你们不是每页使用一个 php 脚本吗?

无论如何,如果您有一个 header.php 文件包含在所有页面中,或者您只是懒得对每个链接的类进行硬编码,那么这应该可行。

PHP:

// Return $return if this page is $page, false otherwise
function is_current($page, $return) {
$this_page = $_SERVER['SCRIPT_NAME']; // will return /path/to/file.php
$bits = explode('/',$this_page);
$this_page = $bits[count($bits)-1]; // will return file.php, with parameters if case, like file.php?id=2
$bits = explode('?',$this_page);
$this_script = $bits[0]; // will return file.php, no parameters
return ($page == $this_script?$return:false); // return $return if this is $page, false otherwise
}

CSS

/* blue, no underline when normal */
a {
text-decoration: none;
color: #00f;
}
/* red, underlined when class active */
a.active {
text-decoration: underline;
color: #f00;
}

你的文件

<!-- Simply echo the function result for each link class -->
<a href="home.php" class="<?php echo is_current('home.php','active'); ?>">Home</a>
<a href="about.php" class="<?php echo is_current('about.php','active'); ?>">About</a>

关于php - 如何为事件菜单项提供不同的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3896483/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com