如何让网页的当前点击后的菜单变色
- 提问者网友:浪荡绅士
- 2021-05-14 19:02
- 五星知识达人网友:几近狂妄
- 2021-05-14 19:28
你标点都不加,一句话这么长,累死,一点没看懂,请加标点,
- 1楼网友:逃夭
- 2021-05-15 00:03
可以用css来实现
首先定义css的样式为:
#nav ul li#active a { color: #DBDBDB ; //在这里你可以定义字体的颜色; }
<div id="nav"> <ul> <li id="active"><a href="index.html">Home</a></li> //这是活动的那个页面; <li><a href="2-columns.html">2-Columns</a></li> <li><a href="index.html">Archives</a></li> <li><a href="index.html">Services</a></li> <li><a href="index.html">Support</a></li> <li><a href="index.html">About</a></li> </ul>
后面你就把相应页面的active
比如说第二个页面<li id="active"><a href="index.html">2-Columns</a></li>
就是这样的,希望对你有帮助.
如果你不会css就不行了,无能为力了.
- 2楼网友:妄饮晩冬酒
- 2021-05-14 22:26
我认为以上都达不到要求,这个点击可不是在几个静态页面之间跳转,而是每一个点击都有发送一个请求到服务器,实现功能后再转到相关页面,并且菜单页是公共的.
我认为要用session,cookie来实现,或都定义一个公共变量来记录要跳转页面的标识
- 3楼网友:怙棘
- 2021-05-14 20:51
- 4楼网友:鱼忧
- 2021-05-14 20:24
最简单的一个效果
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>变色表格</title> <style> <!-- body { font-size: 8pt; font-family: Tahoma } td { font-size: 8pt; font-family: Tahoma; padding: 2 } --> </style> </head> <body> <div align="center"> <center> <table border="1" width="400" cellspacing="0" cellpadding="0"> <tr onmouseover="this.style.background='#222'; " onmouseout ="this.style.background=''; this.style.borderColor=''" > <td width="49"> </td>
</tr> <tr onmouseover="this.style.background='#222'; " onmouseout ="this.style.background=''; this.style.borderColor=''" > <td width="49"> </td> </tr> </table> </center> </div> </body> </html>