讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
当前位置：首页 > web前端 > css教程 >

正文

0

0

如何将css导航菜单点击过后变为背景图片？

黄舟

黄舟

发布时间：2017-07-19 15:17:04

|

2985人浏览过

|

来源于php中文网

原创

现在是鼠标移到菜单上后，背景颜色改变，鼠标移开或点击后回归原色，现在是如何实现 点击后的底色就是鼠标移到菜单上的底色，并且点击另一个菜单的时候 前一个菜单的底色回归原色。

----------------css 部分------------------

-----------css结束-------------

------------菜单内容-----------

-----------菜单内容结束--------

Quinvio AI
Quinvio AI

AI辅助下快速创建视频，虚拟代言人

下载 


选项卡菜单






    

        
帝王槌


        立剑赏月意惆怅,袖饰刀,衣披霜,傲视雾丸,徒手战扶桑.

问津终寻帝王陵,黑影没,尸满岗,惟见逆鲮露寒光.　 

须发苍,气轩昂,三尺银狼,破风动八方.　 

依身紧握噬魂枪,饮虎血,豪万丈.惟有千年我故乡!
    

    

        
玉女枪法


        曾经有个梦想：驰骋江湖，快意恩仇。

曾经有份愿望：千里追凶，十步溅血。

曾经有腔豪情：奇功盖世，名冠武林。

曾经有种期盼：烛影摇红，衣袖添香。
    

    

        
黑沙刚体


        赵客缦胡缨，吴钩霜雪明。银鞍照白马，飒沓如流星。
十步杀一人，千里不留行。事了拂衣去，深藏身与名。 
闲过信陵饮，脱剑膝前横。将炙啖朱亥，持觞劝侯嬴。 
三杯吐然诺，五岳倒为轻。眼花耳热后，意气素霓生。
救赵挥金锤，邯郸先震惊。千秋二壮士，烜赫大梁城。
纵死侠骨香，不惭世上英。谁能书阁下，白首太玄经。
    

    

        
不羁浪人枪


        素手相牵，斜辉入眼帘，一轮逍遥自在间，醉了山水闲。

沙漠绿水涟，鱼游浅底，明眸一水天。

爱在村友相谈，开心点点，笑语连连，率性夜无眠。

月在西边，风乱星寒，辗转醇香旧事，蛾儿曼舞灯前。
    









    

        
干将

    干将者，吴人也；莫邪，干将之妻也。干将作剑，金铁之精不流，于是干将夫妻，乃断发剪爪，投于炉中，金铁乃濡，遂以成剑，阳曰干将，阴曰莫邪。 
    

    

        
龙渊

        “何谓龙渊、太阿、工布？”答曰：“欲知龙渊，观其状，如登高山，临深渊；欲知太阿，观其（纹），巍巍翼翼，如流水之波；欲知工布，（纹）从文起，至脊而止，如珠不可衽，文若流水不绝。”
    

    

        
湛卢


        欧冶子所铸五大名剑为三大二小。其大者有湛卢、纯钧、胜邪；其小者有鱼肠、世阙。
    

    

        
轩辕剑


        轩辕采首山之铜，铸剑，以天之古字题名。

相关文章

css 纵向布局与高度控制_如何使用 flexbox 实现纵向排列

css 工具中的 Autoprefixer_自动添加浏览器前缀的使用方法

css grid 子元素高度不一致怎么办_使用 align items stretch 拉齐高度

css 响应式网页在横竖屏切换时错位怎么办_通过重新计算布局规则解决

css 过渡无法应用到背景图怎么办_通过渐变背景替代实现

相关标签:

css

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：关于css如何实现背景图片不规则的导航菜单的示例代码分享 下一篇：如何使用css选择器来实现导航栏背景图的切换？

作者最新文章

HTML5 Placeholder属性的详情介绍

2018-05-30 09:51

html中关于标签的全部属性的使用总结

2018-05-30 14:32

php如何快速实现数组去重的实例

2018-05-30 15:03

php中关于IMAP如何收取邮件的方法介绍

2018-05-31 09:38

PHPMailer如何利用QQ邮箱完成邮件发送功能的实例分析

2018-05-31 10:28

从零开始打造自己的PHP框架的视频资料

2018-05-31 10:45

php基础知识总结（新手入门必备）

2018-05-30 14:26

ReactJS中表单的单选多选与反选的实现方法

2018-05-30 09:45

JavaScript中typeof的使用方法介绍

2018-05-30 11:42

JavaScript中confirm()方法的使用介绍

2018-05-30 10:29

热门AI工具

更多
DeepSeek

DeepSeek

幻方量化公司旗下的开源大模型平台

AI大模型

开放平台
豆包大模型

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI大模型
通义千问

通义千问

阿里巴巴推出的全能AI助手

AI大模型
腾讯元宝

腾讯元宝

腾讯混元平台推出的AI助手

文档处理

Excel 表格
文心一言

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI大模型

中文写作
讯飞写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

中文写作

写作工具
即梦AI

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

图画生成
ChatGPT

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI大模型

中文写作
智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手

AI大模型

PC软件

相关专题

更多
菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享，阅读专题下面的文章了解更多详细内容。

0

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法，重点覆盖 pprof 的使用方式，包括 CPU、内存、阻塞与 goroutine 分析，火焰图解读，常见性能瓶颈定位思路，以及在真实项目中进行针对性优化的实践技巧。通过案例讲解，帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

html编辑相关教程合集
html编辑相关教程合集

本专题整合了html编辑相关教程合集，阅读专题下面的文章了解更多详细内容。

56

2026.01.21

三角洲入口地址合集
三角洲入口地址合集

本专题整合了三角洲入口地址合集，阅读专题下面的文章了解更多详细内容。

51

2026.01.21

AO3中文版入口地址大全
AO3中文版入口地址大全

本专题整合了AO3中文版入口地址大全，阅读专题下面的的文章了解更多详细内容。

397

2026.01.21

妖精漫画入口地址合集
妖精漫画入口地址合集

本专题整合了妖精漫画入口地址合集，阅读专题下面的文章了解更多详细内容。

118

2026.01.21

java版本选择建议
java版本选择建议

本专题整合了java版本相关合集，阅读专题下面的文章了解更多详细内容。

3

2026.01.21

Java编译相关教程合集
Java编译相关教程合集

本专题整合了Java编译相关教程，阅读专题下面的文章了解更多详细内容。

16

2026.01.21

C++多线程相关合集
C++多线程相关合集

本专题整合了C++多线程相关教程，阅读专题下面的的文章了解更多详细内容。

11

2026.01.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

相关下载

更多
php商城系统
淘源码商城PHP淘宝查信誉
PHP房产程序[BBWPS]
PHP简约自动发卡平台个人版
ERMEB域名PHP离线网络授权系统
Difeye-敏捷的轻量级PHP框架
大泉州汽车网PHP整站程序

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

CSS教程
CSS教程

共754课时 | 22.4万人学习

最新文章

更多
css布局弹性容器子元素宽度不均怎么办_通过 flex-grow/flex-shrink 控制
css框架表单验证样式如何实现_通过状态类控制边框和提示颜色
css 背景图片覆盖时颜色不明显怎么办_rgba 半透明遮罩层
css fixed 定位在移动端失效怎么办_通过浏览器兼容与替代方案分析
css 框架与响应式设计_如何使用框架快速实现自适应布局
css 想选中第 n 个同类型元素怎么办_使用 nth-of-type 选择器
css 过渡影响点击区域怎么办_通过避免尺寸变化属性处理
css 颜色值无法显示怎么办_hex rgb rgba hsl 检查语法
css实战项目_创建一个图文混排的介绍页面
css 纵向布局与高度控制_如何使用 flexbox 实现纵向排列
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部