html显示copyleft,GitHub - e-gor/Reveal.js-Title-Footer: Footer showing title for Reveal.js HTML presen...

Reveal.js-Title-Footer是一款用于Reveal.js框架的插件,可在HTML演示文稿的所有幻灯片中添加显示演示文稿标题的页脚。该插件支持配置页脚背景颜色及标题文本,并允许排除特定幻灯片不显示页脚。安装过程简单,只需将文件复制到Reveal.js的插件目录并进行初始化。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Reveal.js-Title-Footer

Footer showing title for Reveal.js HTML presentations

Description

What is Reveal.js-Title-Footer?

Reveal.js-Title-Footer is a plugin for the Reveal.js framework for HTML presentations (https://github.com/hakimel/reveal.js).

What does Reveal.js-Title-Footer do?

Reveal.js-Title-Footer includes a footer in all the slides of a Reveal.js presentation (with optional exclusion of some slides) that will show the title of the presentation.

Configurable options

The title to show on the footer is configurable.

The background color of the footer is also configurable.

Installation

Necessary files

The title-footer folder of the plugin folder has to be copied to the plugin folder of the Reveal.js presentation.

CSS

The CSS of the Reveal.js-Title-Footer plugin is included dynamically when it is initialized. However, if we configure the presentation not to include the Reveal.js-Title-Footer footer in the first page, this will be shown until the CSS is loaded dynamically, causing an ugly effect. To avoid it, include the CSS in the header of the Reveal.js presentation, with this line:

Plugin initialization

Include Reveal.js-Title-Footer among the Reveal.js plugin initializations, like this:

Reveal.initialize

(

{

...

dependencies:

[

...

{ src: 'plugin/title-footer/title-footer.js', async: true, callback: function() { title_footer.initialize(); } }

]

}

);

Customization

The title_footer.initialize function can take two parameters:

title: the title to show in the footer; if null, it will take the h1, h2 and h3 elements of the first slide.

background: a string of the form 'rgba(0,255,0,0.1)', for the background colour of the footer.

For further customization (like making the footer a header, for example), arrange the plugin/title-footer/title-footer.css file accordingly.

Use

Title

The Reveal.js-Title-Footer plugin takes the first h1, h2 and h3 tags from the first slide as the title, if another title is not explicitly passed as parameter in the initialization.

Exclusion from slides

The Reveal.js-Title-Footer footer will not be shown in a slide if the corresponding section has a data-state attribute with a value of no-title-footer.

Compatibility with Reveal.js-TOC-Progress

If the Reveal.js-TOC-Progress is also used, the Reveal.js-Title-Footer footer is shown just above it. For not showing any of them in a slide, include a data-state attribute with a value of no-toc-progress in the corresponding section.

Links

License

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值