Slidyでスライド作成２

Js


Slidyの機能でリストを少しづつ表示させることが出来る。


下記のようにulのclassをincrementalと指定すればＯＫ。

<ul class="incremental">

サンプル↓

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>たいとる</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="copyright" content="Copyright &#169; 2007 (haradago)" />

<!--"slidy.js"の格納先を指定	-->
<script src="slidy.js" type="text/javascript">
</script>
</head>
<body>
<!-- this defines the slide background -->

<!--ヘッダ部の記述	-->

<div class="background">
  <div class="header">
  <!-- sized and colored via CSS -->
  </div>
  <!-- hidden style graphics to ensure they are saved with other content -->
  <div class="footer">

  <!-- modify the following text as appropriate -->
  haradago<br />
  イベント, 場所, 日時
  </div>
</div>



<div class="slide cover">
<div class="header">
<h1>ヘッダ１</h1>
</div>
<h2>イベント, 場所, 日時</h2>
</div>

<!--以下の部分に内容を記述-->
<div class="slide">
<h1>haradago1</h1>
page1
</div>

<div class="slide">
<h1>haradago2</h1>
page2
</div>


<!--ここのリストは少しずつ表示されます-->

<div class="slide">
<h2>incremental</h2>
<ul class="incremental">
<li>こうやって</li>
<li>すこしずつ</li>
<li>表示することも</li>
<li>可能です</li>

<li>かっこ<span class="incremental">いい？</span></li>
</ul>
</div>




</body>
</html>