Skip to content

Commit

Permalink
fix adding a message
Browse files Browse the repository at this point in the history
  • Loading branch information
RicoLiu committed Jan 4, 2019
1 parent 5bb2d0f commit e897212
Show file tree
Hide file tree
Showing 4 changed files with 3 additions and 5 deletions.
Binary file modified build/epub/book.epub
Binary file not shown.
3 changes: 1 addition & 2 deletions build/html/book.html
Original file line number Diff line number Diff line change
Expand Up @@ -178,7 +178,6 @@
<li><a href="#example-scrolling-background">Example: Scrolling background</a></li>
<li><a href="#part-1-background-animation">Part 1: Background animation</a></li>
<li><a href="#part-2-adding-the-hover-transition">Part 2: Adding the hover transition</a></li>
<li><a href="#adding-a-message">Adding a message</a></li>
<li><a href="#summary-1">Summary</a></li>
<li><a href="#homework-13">Homework</a></li>
</ul></li>
Expand Down Expand Up @@ -1006,7 +1005,7 @@ <h2 id="part-2-adding-the-hover-transition">Part 2: Adding the hover transition<
}</code></pre>
<p>上述代码表示当光标悬停在动画上时,它将暂停。当光标再次移开时,它将恢复其默认的 <code>playing</code> 状态。</p>
<p>您也可以使用 JavaScript 实现此目的。一种可能性是当用户与页面的另一部分交互时,或者当它们滚动时,让一些 JavaScript 禁用动画。我们将看一下如何在以后滚动时启用动画。</p>
<h2 id="adding-a-message">Adding a message</h2>
<h3 id="adding-a-message">Adding a message</h3>
<p>当用户将鼠标悬停在元素上时,我们可以使用 transition 来显示消息。要做到这一点,我们需要更多的 HTML:</p>
<pre><code>&lt;div class=&quot;screen&quot;&gt;
&lt;div class=&quot;message&quot;&gt;Hover message!&lt;/div&gt;
Expand Down
2 changes: 1 addition & 1 deletion chapters/04/01.md
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@

您也可以使用 JavaScript 实现此目的。一种可能性是当用户与页面的另一部分交互时,或者当它们滚动时,让一些 JavaScript 禁用动画。我们将看一下如何在以后滚动时启用动画。

## Adding a message
### Adding a message

当用户将鼠标悬停在元素上时,我们可以使用 transition 来显示消息。要做到这一点,我们需要更多的 HTML:

Expand Down
3 changes: 1 addition & 2 deletions docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -178,7 +178,6 @@
<li><a href="#example-scrolling-background">Example: Scrolling background</a></li>
<li><a href="#part-1-background-animation">Part 1: Background animation</a></li>
<li><a href="#part-2-adding-the-hover-transition">Part 2: Adding the hover transition</a></li>
<li><a href="#adding-a-message">Adding a message</a></li>
<li><a href="#summary-1">Summary</a></li>
<li><a href="#homework-13">Homework</a></li>
</ul></li>
Expand Down Expand Up @@ -1006,7 +1005,7 @@ <h2 id="part-2-adding-the-hover-transition">Part 2: Adding the hover transition<
}</code></pre>
<p>上述代码表示当光标悬停在动画上时,它将暂停。当光标再次移开时,它将恢复其默认的 <code>playing</code> 状态。</p>
<p>您也可以使用 JavaScript 实现此目的。一种可能性是当用户与页面的另一部分交互时,或者当它们滚动时,让一些 JavaScript 禁用动画。我们将看一下如何在以后滚动时启用动画。</p>
<h2 id="adding-a-message">Adding a message</h2>
<h3 id="adding-a-message">Adding a message</h3>
<p>当用户将鼠标悬停在元素上时,我们可以使用 transition 来显示消息。要做到这一点,我们需要更多的 HTML:</p>
<pre><code>&lt;div class=&quot;screen&quot;&gt;
&lt;div class=&quot;message&quot;&gt;Hover message!&lt;/div&gt;
Expand Down

0 comments on commit e897212

Please sign in to comment.