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の記述例

<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>

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

ソース元：Bespoke.js

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