bespoke.js:プレゼン用のパネルとテーマを表示するJs



画像のスライド系というよりプレゼンで紙芝居的に見せるための
パネルを幾つかのテーマで表示させてみます。

1.読込むCSSファイルとCSSの記述例

<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="themes.css" />
<style>
section{
	font-size:60px;
	text-align:center;
	padding-top:25px;
	color:#FFF;
}
</style>

2.HTMLの記述例

<body class="coverflow">

<article>
<section>1</section>
<section>2</section>
<section>3</section>
<section>4</section>
<section>5</section>
<section>6</section>
<section>7</section>
<section>8</section>
<section>9</section>
<section>10</section>
<section>11</section>
<section>12</section>
<section>13</section>
<section>14</section>
<section>15</section>
<section>16</section>
<section>17</section>
<section>18</section>
<section>19</section>
<section>20</section>
<section>21</section>
<section>22</section>
<section>23</section>
<section>24</section>
<section>25</section>
<section>26</section>
<section>27</section>
<section>28</section>
<section>29</section>
<section>30</section>
</article>

3.読込むJsファイルとJavaScriptの記述例

<script src="bespoke.js"></script>
<script src="demo.js"></script>
</body>

bespoke.js:プレゼン用のパネルとテーマを表示するデモ

ソース元:Bespoke.js

見え方的には良いかもしれませんが、
パワーポイントで作って見せた方が簡単で確実な気がします。