程序代码 订阅所有【程序代码】的日志

修复导航栏目

作者:admin 日期:2024-09-28

 原导航栏。分类点击会把宽度缩小。

原css：

CSS代码
  1. .menuA:link, .menuA:visited{   
  2. width:88px;   
  3. text-decoration: none;  
  4. display:block;  
  5. text-align: center;  
  6. color:#ffffff;  
  7. line-height: 35px;   
  8. font-size: 14px;  
  9. }  
  10. .menuA:hover{   
  11. width:45px;  
  12. background: #828c9c;  
  13. line-height: 32px;  
  14. display: block;  
  15. }  

要取消鼠标悬停时宽度减小的效果，可以将 .menuA:hover 中的 width: 45px; 删除或注释掉或增加数值。这样，当鼠标悬停在 .menuA 上时，宽度将保持不变。以下是修改后的 CSS 代码：

CSS代码
  1. .menuA:link,  
  2. .menuA:visited {  
  3.     width: 88px;  
  4.     text-decoration: none;  
  5.     display: block;  
  6.     text-align: center;  
  7.     color: #ffffff;  
  8.     line-height: 35px;  
  9.     font-size: 14px;  
  10. }  
  11.   
  12. .menuA:hover {  
  13.     width: 88px;  
  14.     background: #828c9c;  
  15.     line-height: 32px;  
  16.     display: block;  
  17. }  
  18.   
  19. .menuB:link,  
  20. .menuB:visited,  
  21. .menuB:hover {  
  22.     width: 88px;  
  23.     text-decoration: none;  
  24.     display: block;  
  25.     background: #6e7b90;  
  26.     float:  
  27.         center;  
  28.     text-align: center;  
  29.     line-height: 32px;  
  30.     font-size: 14px;  
  31. }  

这里我是直接把 width: 45px 改成了 88px



[本日志由 admin 于 2024-09-28 00:25 AM 更新]
上一篇: 重装PJBLOG系统-必须备份的文件
下一篇: 交通运输部：国庆假期收费公路免费通行时段为10月1日0时至10月7日24时
文章来自: 本站原创
Tags: pjblog
发表评论
昵　称:
密　码: 游客发言不需要密码.
邮　箱: 邮件地址支持Gravatar头像,邮箱地址不会公开.
网　址: 输入网址便于回访.
内　容:
验证码:
选　项:
纵使发表评论不用注册，但是为鸟保护你滴发言权，建议您不要乱评论。.
 字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭