实现点击超链接<a>标签,点击的标签变色,标注

CSS:

.nav_bg{background:gray;height:30px;line-height:30px;}

JSP中:

<TD align="center">
             <TABLE class=headerMenu width="100%" align=center>
              <TBODY>
               <TR align=middle>
                <TD id=menu1 style="width:14%;"><A href="<%=basePath%>">首页</A>

                </TD>

                <TD style="width:14%;"><A
                 href="<%=basePath%>/jsp/index/policy.jsp?deptid=1"
                  <c:if test="${id eq '1'}">class=nav_bg</c:if>>同业对标</A></TD>

                <TD style="width:14%;"><A
                 href="<%=basePath%>/jsp/index/policy.jsp?deptid=2"
                  <c:if test="${id eq '2'}">class=nav_bg</c:if>>运营监测</A></TD>

                <TD style="width:14%;"><A
                 href="<%=basePath%>/jsp/index/policy.jsp?deptid=3"
                  <c:if test="${id eq '3'}">class=nav_bg</c:if>>五位一体和标准化</A></TD>

                <TD style="width:14%;"><A
                 href="<%=basePath%>/jsp/index/policy.jsp?deptid=4"
                  <c:if test="${id eq '4'}">class=nav_bg</c:if>>管理创新和调研</A></TD>

                <TD style="width:14%;"><A
                 href="<%=basePath%>/jsp/index/policy.jsp?deptid=5"
                  <c:if test="${id eq '5'}">class=nav_bg</c:if>>质量管理</A></TD>

                <TD style="width:14%;"><A
                 href="<%=basePath%>/jsp/index/policy.jsp?deptid=6"
                  <c:if test="${id eq '6'}">class=nav_bg</c:if>>科技论文</A></TD>



               </TR>
              </TBODY>
             </TABLE>
            </TD>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:150px; height:30px; text-align:center; color:#fff; border-bottom:1px solid #FFF; background:#0069A3; line-height:30px; font-size:14px; overflow:hidden;} .menu ul {padding:0; margin:0;list-style-type: none; } .menu ul li {float:left; margin-right:1px; position:relative;} .menu ul li ul {display: none;} /* specific to non IE browsers */ .menu ul li:hover a {color:#fff; background:#028DE8;}/*一级菜单事件*/ .menu ul li:hover ul {display:block; position:absolute; top:0; left:151px; width:100px;} .menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}/*三级菜单常规*/ .menu ul li:hover ul li:hover a.hide {background:#028DE8; color:#000;}/*三级菜单事件*/ .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a {display:block; background:#028DE8; color:#000;}/*二,三级菜单常规*/ .menu ul li:hover ul li a:hover {background:#6fc; color:#000;}/*二,三级菜单事件*/ .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; width:100px;} </style> </head> <body> <form id="form1" runat="server"> <div class="menu"> <ul> <li><a class="hide" href="#">城乡规划</a> <ul> <li><a href="#" title="二级菜单1">二级菜单一</a></li> <li><a href="#" title="二级菜单2">二级菜单二</a></li> <li><a href="#" title="二级菜单3">二级菜单三</a></li> <li><a class="hide" href="#" title="这是三级菜单">三级菜单</a> <ul> .................
在<body>标签中使用标题标签<h>、段落标签<p>、图像标签<img>、超链标签<a>、列表标签<ul><ol>、<div>标签和<span>标签可以创建一个图文并茂的网页文档。下面是它们的介绍及使用方法: 1. 标题标签<h>:用于定义标题,有<h1>到<h6>六个级别,其中<h1>是最高级别的标题,<h6>是最低级别的标题。示例代码如下: <h1>这是一级标题</h1> <h2>这是二级标题</h2> ... <h6>这是六级标题</h6> 2. 段落标签<p>:用于定义段落文本。示例代码如下: <p>这是一个段落。</p> 3. 图像标签<img>:用于插入图像。需要指定图像的路径和一些属性,如宽度、高度等。示例代码如下: <img src="image.jpg" alt="图片描述" width="300" height="200"> 4. 超链标签<a>:用于创建链到其他页面或位置的超链。需要指定链的目标地址。示例代码如下: <a href="https://www.example.com">这是一个链</a> 5. 列表标签<ul><ol>:用于创建无序列表和有序列表。无序列表使用<ul>标签,有序列表使用<ol>标签。示例代码如下: <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> <ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ol> 6. <div>标签和<span>标签:用于组织和样式化网页内容。可以通过CSS对其进行样式设置。示例代码如下: <div style="background-color: #f1f1f1; padding: 10px;"> 这是一个<div>标签的示例。 </div> <span style="color: red;">这是一个<span>标签的示例。</span>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值