css+javascript模拟OneNote2007Tab标签

最新推荐文章于 2026-01-08 16:39:17 发布
原创 最新推荐文章于 2026-01-08 16:39:17 发布 · 277 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #css #wizard #table #web

本文探讨了使用wizard控件在Web开发中遇到的问题，特别是其生成的代码与Web标准不符，难以通过CSS进行样式定制。提出了使用view和multview控件作为替代方案，并分享了一个使用CSS+JavaScript模拟OneNote2007 Tab标签的案例。
个人感觉，wizard的实现真的和web标准是格格不入。生成的代码真是table套table，本身对生成的table可控性又低，通过css的选择器，对里面的table控制起来非常麻烦。其实如果你发现用wizard的控件对样式控制起来比较麻烦的话，完全可以用view和multview控件的组合来达到相似的效果。但是外观的可控性就要方便很多。今天上午用css+javascript模拟出一个OneNote2007的Tab标签，这个部分以前准备用wizard控件实现的。但是因为业务还有技术成本等方面的考虑现在不用了。


demo完整源码下载页面： 点击此处跳转
dushizhuma
关注
Mime 类型列表
qyt1988528的博客
06-07 1054
按照文件扩展名排列的Mime类型列表扩展名类型/子类型应用/八位字节流323文/ H323ACX应用程序/ Internet属性流嗳应用程序/后记AIF音频/ X-AIFFAIFC音频/ X-AIFFAIFF音频/ X-AIFFASF视频/ X-MS-ASFASR视频/ X-MS-ASFASX视频/ X-MS-ASFAU音频/基本AVI视频/ X-msvideoAXS程序/ olescriptBA...
mime类型总结 input_type=file限制
陌上花开
10-25 2837
js 文件类型总结 input_type=file限制类型1. 浏览器支持2. 定义和用法3. input举例4. MIME 类型5. 后缀名类型介绍（1）图片类（2）视频类（3）音频类6. MIME对照表 1. 浏览器支持 Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 6 支持 accept 属性。 注意：Internet Explorer 9 及之前的版本都不支持 <input> 标签的 accept 属性。 2. 定义和用法
属性用途_onenote样式系列②：详解11种默认样式，附style属性值
weixin_39731586的博客
01-08 627
建议使用内置样式对笔记进行规范管理，因为你应用的每一个样式都相当于为段落设定了一个style属性值，后续可以使用Onetastic宏延伸出很多扩展功能。本文将结合编程角度详细介绍11种默认样式。每个样式都给出了具体的style属性值，写脚本时可以直接使用。1页标题创建页面时，页面标题使用的样式就是“页标题”。为了避免层级结构的混乱，页面内容中最好不要使用页标题，而应该使用标题1-6来表示内容层级。...
OneNote代码高亮插件（NoteHighLight）
热门推荐
周作业的博客
12-21 1万+
今天朋友推荐了一个onenote插件，用于代码的高亮显示 下载链接： 32位的officehttps://pan.baidu.com/s/1hsu6glA 64位的office（应该是这个）https://pan.baidu.com/s/1slgG6LJ 安装方法： 打开onenote，双击安装。 效果图 那我们现在来尝试一下吧 在onenote中输入下列代码：...
OneNote2016中代码高亮技巧？
小正子
06-24 5237
摘要：今天我们讲的是OneNote这个优秀的笔记软件，那么在这个软件的使用过程中，我们发现这款软件本身不支持代码高亮，也不支持Markdown编辑器，这让我们有点小小的遗憾。 正文：第一个问题： 关于如何支持Markdown编辑器，这个功能见我的一篇文章：https://blog.youkuaiyun.com/qq_27307175/article/details/9507640...
3位一体的HTML+CSS+Javascript
Computer_LT的专栏
08-04 880
<br />Web本质是文档，或者说更倾向于文档化。文档和应用的区分标准是，文档更倾向于让人理解，应用更倾向于让机器理解。<br />WEB的三个要素已经产生了，就是3位一体的HTML+CSS+Javascript这个三角形结构已经愈发成熟愈发稳定愈发强大了。也许第四类要素也显出雏形了，就是语义要素，需要的只是时间吧。任何试图忽略，取代这三个要素中的任何一个都是一个危险的企图。（一个最典型的这样的尝试就是asp.net webfrom,居然可以同时屏蔽和封装这三个要素，而asp.net mvc则是一种回归，
Office-Tab-for-Mac Office 窗口标签化，Office 多文件标签化管理
Eli_Code
11-19 8043
微软的 Office 不支持多标签页功能。如果同时打开多个文档的话，文档间切换起来很不方便。今天我们就给大家分享一款超好用的 Office 标签插件——「给 Microsoft Office 加上多标签页功能，简洁漂亮，让操作更高效。Windows 可以直接下载，Mac 用户可以参考指南进行定制化开发
总结的前端入门方法
donyFeng6的博客
03-23 661
结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。 互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师更是稀缺。个人感觉前端入门相对容易，但是也需要系统地认真学习，在打好基础
目前最全的专题开发访谈题目及答案——learning master
Web面试那些事儿的博客
06-05 1113
结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师更是稀缺。个人感觉前端入门相对容易，但是也需要系统地认真学习，在打好基础后坚持学习，成为优秀前端工程师也只是时间问题。学习任何知识最重要的都是兴趣。
Asp.net Ajax Control Toolkit设计编程备忘录（色眼窥观版）——第6回(习惯专辑）
夏风鱼的专栏
09-25 744
色即设——设计，从网页设计师的角度出发。因为自己的的特殊性（本身是软件工程师，但是对网页设计却有浓厚的兴趣），所以我的此系列文章不仅仅从编程角度出发，还将从设计的角度出发来细数AjaxControlToolkit系列控件，告诉你这些控件最终的结构表现形式、样式，还有如何修改他们的样式使之适合于你的网页整体规划。窥，小视也——《说文》，此小视非必小视呀。此小视的意思是：水平有限，不能望其全貌，仅能管
Tabsave插件：一键快速保存所有浏览器标签
从标题“Tabsave-crx插件”可以看出，该工具的主要功能围绕“标签页（Tab）”的“保存（Save）”操作展开，且以CRX这一特定文件格式进行分发。CRX文件本质上是一个经过签名和打包的压缩文件，内部包含插件所需的HTML...
Tomcat Web配置：监听多种网站附件类型
- `.htc` 和 `text/x-component`: HTML组件文件，可以包含JavaScript或CSS。 - `.htt` 和 `text/webviewhtml`: WebviewHTML，一种在Internet Explorer中使用的自定义HTML。 - `.h` 和 `text/plain`: 源代码文件，...
Spring Boot文件下载断点续传
娃儿回家
07-07 3588
Spring Boot文件下载断点续传正文MimeType映射关系 正文 @RequestMapping(value = { "/downloading" }, method = { RequestMethod.POST, RequestMethod.GET }) public void insertNode( HttpServletRequest request, HttpServletResponse response, // 获取Header里面的Rang
Vue 2 项目中 template 使用可选链 ?. 导致的诡异编译报错及 webpack loader 配置坑
GhostPaints的博客
01-05 901
最近在维护一个基于 Vue 2 的老项目（RuoYi-Vue 框架衍生）时，遇到一个特别诡异的编译问题：同一个项目，使用 pnpm run dev（连接测试环境）一切正常，但切换到 pnpm run dev:local（连接本地后端）时，启动就直接报错，错误信息指向 template 中的可选链运算符?这让我百思不得其其解——Vue 2.7 明明官方支持 template 中的?.，为什么本地环境就炸了？。
前端组件级权限控制
马优晨
01-06 345
前端组件级权限控制通过统一管理权限数据，采用声明式或编程式方式在组件层面进行校验。核心方案包括：1）指令式控制（适合按钮/小组件），通过自定义指令如v-permission实现；2）组件封装式控制（适合通用组件），封装<Permission>容器组件；3）编程式控制（适合复杂逻辑），在JS中直接判断权限。所有方案都需配合后端接口校验防止权限篡改，并适配不同框架如Vue、React和Angular。关键点是先规范权限数据管理，再选择适合的控制方式，同时确保后端兜底校验。
vue2纯前端使用Docxtemplater生成word报告，包含echart图表，表格
m0_49529959的博客
01-08 292
纯前端使用Docxtemplater生成docx报告，包含echart图表
实现ReACT智能体
weixin_42828342的博客
01-07 1761
本文介绍了LangGraph框架中的两个核心：Human In Loop（人在环中）和Time Travel（时间回溯）。Human In Loop允许将人类操作作为工作流节点，实现模型与人工协作的典型场景包括确认操作、信息补充、审核修改和主动决策分支。实现要点包括指定检查点、线程ID管理和中断/恢复机制。Time Travel功能则基于检查点系统，支持回溯到历史状态重新执行，适用于调试、修复和探索分支等场景。文章还提供了代码示例，展示如何构建带人工审核的AI助手工作流，从简单聊天机器人到集
Vue3研学-watch监视
最新发布
zhlyxx的博客
01-08 774
Vue 3 的 watch API 提供了多种数据监听方式：1) 监听 ref 基本类型数据时直接监视变量；2) 监听 ref 对象类型需开启 deep 选项；3) reactive 对象默认深度监听；4) 监听对象特定属性需使用 getter 函数。watch 支持配置 immediate 立即执行和深度监听，通过返回的 stop 函数可手动停止监听。与 watchEffect 相比，watch 能更精确控制依赖范围和监听行为，适合处理异步操作和复杂状态变更场景。
OneNote2007使用教程：快速入门指南
1. 文件格式和结构：标题、描述和标签中都包含“.docx”后缀，这表明文件是一个Word 2007或更高版本的文档。Word 2007采用的是Open XML格式，该格式是一种基于XML的文件格式，文件扩展名为.docx，取代了旧版的.doc...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值