DDR爱好者之家 Design By 杰米
本文实例为大家分享了JavaScript实现横版菜单栏的具体代码,供大家参考,具体内容如下
示例代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>横版菜单栏</title> <style> .active{ background-color: aqua; } .hide{ display: none; } .menu{ background-color: #667dbd; width: 300px; height: 30px; } .menu-item{ border: #bd342d solid 2px; cursor: pointer; /*鼠标悬停在相应标签上时变成手指的样子*/ } .con-item{ min-height: 200px; border: solid 1px; width: 300px; } </style> </head> <body> <!--什么时候用漂浮什么时候用内联标签呢?--> <div class="menu"> <span class="menu-item active" m="1">菜单一</span> <span class="menu-item" m="2">菜单二</span> <span class="menu-item" m="3">菜单三</span> </div> <div class="content"> <div class="con-item" c="1">内容一</div> <div class="con-item hide" c="2">内容二</div> <div class="con-item hide" c="3">内容三</div> </div> <script src="/UploadFiles/2021-04-02/jquery-1.12.4.js">更多菜单效果点击《JavaScript菜单专题》学习,还有一些不错的专题分享给大家: Javascript级联菜单特效汇总
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2024年04月24日
2024年04月24日
- MedwynGoodall经典巨作《女巫医7遗失的旋律》[WAV]
- 博主分享部分游戏特色开始界面:你心中的前4名是?
- “3Q大战”14年后 周鸿祎、马化腾罕见握手:相逢一笑
- 《完蛋》浩浩妈演员COS怀孕美杜莎 一口一个萧炎哥哥
- 张靓颖《倾听》[WAV分轨 24bit/96khz][2.2G]
- 林志炫《一个人的样子》[WAV分轨][494M]
- 马良《往后余生》[WAV+CUE][392M]
- 万芳.2020-给你们Dear.All【何乐音乐】【WAV+CUE】
- 左小祖咒.2023-我爱南京【FLAC分轨】
- 伦永亮.2006-伦流转2CD【正东】【WAV+CUE】
- 物华弥新山水人物镜厉害吗 山水人物镜培养建议分享
- 物华弥新战国铜餐具厉害吗 战国铜餐具培养建议分享
- 物华弥新七盘舞砖厉害吗 七盘舞砖培养建议分享
- UCGG-9538MAURIZIOPOLLINI-CHOPIN24ETUDESSACD
- 雨果唱片-《中国管弦乐及小品系列-红旗颂》(APE+CUE)