“`html

鼠标移显示完整标题示例

鼠标移到标题显示完整标题

鼠标移到标题显示完整标题 这是完整标题的示例

“`

这段HTML代码演示了如何实现当鼠标移到标题上时显示完整标题的效果，代码中包含了以下部分：

1. 样式定义：

`.titlecollapsed` 类用于定义标题的初始样式，使其文本超出部分隐藏，并在鼠标悬停时显示提示。

`.titleexpanded` 类用于定义完整标题的样式，当鼠标移出标题时，这个类下的内容会被隐藏。

2. HTML结构：

一个使用 `.titlecollapsed` 类的 `h1` 标签，它是标题的缩略形式。

一个使用 `.titleexpanded` 类的 `div` 元素，它包含完整标题的文本。

3. JavaScript函数：

`showTitle` 函数用于在鼠标悬停时显示完整标题。

`hideTitle` 函数用于在鼠标移出时隐藏完整标题。

当用户将鼠标悬停在标题上时，完整标题会显示出来；当鼠标移出标题时，标题会恢复为缩略形式。