<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<%@ include file="/jsp/common/common.jsp"%>
<style type="text/css">
html{
margin:0px;
height:100%;
}
body{
margin:0px;
height:100%;
font: 10px/180% "微软雅黑";
}
.l3 {
width:185px;
height:100%;
margin-top: 0px;
background:#273238;
}
.index_nav {
background:#273238;
width:185px;
height:100%;
margin:auto;
padding:0;
list-style: none;
overflow:hidden;
}
.index_nav li a{
width:180px;
height:60px;
line-height:60px;
display:block;
overflow:hidden;
position:relative;
text-decoration:none;
text-transform:uppercase;
font-size:18px;
color:#778086;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
tra
jsp垂直导航栏 悬浮和选中特效
最新推荐文章于 2020-11-30 05:48:13 发布
这篇博客展示了如何使用jsp和css创建一个带有悬浮和选中效果的垂直导航栏。通过定义样式和JavaScript,实现了导航链接在被选中或悬停时的背景色变化、边框特效以及图标切换。示例代码包括了导航栏的HTML结构、CSS样式以及jQuery实现的点击事件处理。
摘要由CSDN通过智能技术生成