📄 clip_transitions.html

📁 《JavaScript精粹》源文件下载

💻 HTML

字号:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">  <head>    <title>The JavaScript Anthology: How do I create clip-based transition effects?</title>    <script type="text/javascript" src="scripts/clip_transitions.js"></script>    <link rel="stylesheet" type="text/css" href="css/clip_transitions.css" />  </head>  <body>    <h1>      How do I create clip-based transition effects?    </h1>    <a id="item1" class="transition">      <img src="images/transition.jpg" width="200" height="133" alt="Soccer ball on a grass pitch" />    </a>    <a id="item2" class="transition">      <img src="images/transition.jpg" width="200" height="133" alt="Soccer ball on a grass pitch" />    </a>    <a id="item3" class="transition">      <img src="images/transition.jpg" width="200" height="133" alt="Soccer ball on a grass pitch" />    </a>  </body></html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -