| 两侧同时换到之前的修订记录前一修订版后一修订版 | 前一修订版 |
| playground:playground [2013/03/12 22:55] – annhe | playground:playground [2016/05/08 14:30] (当前版本) – annhe |
|---|
| ====== PlayGround ====== | ~~REVEAL~~ |
| | ====== revealjs test ====== |
| |
| | This is a test suite for the reval.js plugin. |
| |
| <HTML> | {{background>#000000}} |
| | ===== background ===== |
| |
| | This slide has black background. |
| |
| <style type="text/css"> ul,li{list-style:none;} .wplck{position:relative;height:203px;overflow:hidden;margin:0px auto; } .sliderlck{position:absolute;width:98%;} .fllck{float:left;} .sliderlck img{display:block;padding:2px;border:1px solid #ccc;} .sliderlck li{padding:5px 0;border-bottom:1px dashed #ccc;overflow:hidden;width:100%;} .sliderlck p{font-size:12px;padding-left:46px;color:#666;line-height:18px;} </style> <script type="text/javascript"> function H$(i) {return document.getElementById(i)} function H$$(c, p) {return p.getElementsByTagName©} var sliderlck = function () { function init (o) { this.id = o.id; this.at = o.auto ? o.auto : 3; this.o = 0; this.pos(); } init.prototype = { pos : function () { clearInterval(this.__b); this.o = 0; var el = H$(this.id), li = H$$('li', el), l = li.length; var _t = li[l-1].offsetHeight; var cl = li[l-1].cloneNode(true); cl.style.opacity = 0; cl.style.filter = 'alpha(opacity=0)'; el.insertBefore(cl, el.firstChild); el.style.top = -_t + 'px'; this.anim(); }, anim : function () { var _this = this; this.__ a = setInterval(function(){_this.animH()}, 20); }, animH : function () { var _t = parseInt(H$(this.id).style.top), _this = this; if (_t >= -1) { clearInterval(this.__a); H$(this.id).style.top = 0; var list = H$$('li',H$(this.id)); H$(this.id).removeChild(list[list.length-1]); this.__ c = setInterval(function(){_this.animO()}, 20); this.auto(); }else { var __t = Math.abs(_t) - Math.ceil(Math.abs(_t)<nowiki>*</nowiki>.07); H$(this.id).style.top = -__ t + 'px'; } }, animO : function () { this.o += 2; if (this.o == 100) { clearInterval(this.__c); H$$('li',H$(this.id))[0].style.opacity = 1; H$$('li',H$(this.id))[0].style.filter = 'alpha(opacity=100)'; this.auto(); }else { H$$('li',H$(this.id))[0].style.opacity = this.o/100; H$$('li',H$(this.id))[0].style.filter = 'alpha(opacity='+this.o+')'; } }, auto : function () { var _this = this; this.__ b = setInterval(function(){_this.pos()}, this.at<nowiki>*</nowiki>1000); } } return init; }(); </script> <div class="wplck"> <ul id="sliderlck" class="sliderlck"> [loop] <li> <a class="fllck" href="home.php?mod=space&uid={uid}" c="1"{target}><img src="{avatar}" width="33" height="33" alt="{username}" /></a> <p><a href="home.php?mod=space&uid={uid}" title="{username}"{target}><b>{username}</b></a>：<em class="xg1 xw0"><a href="{url}"{target}>{title}</a></em></p> </li> [/loop] </ul> </div> <script type="text/javascript"> new sliderlck({id:'sliderlck'}) </script> <div style="position:relative;height:100px;overflow:hidden;margin:0px auto;"> <ul id="focus" class="sliderlck"> <li><script type="text/javascript" src="http: demo.hnubbs.com/api.php?mod=js&bid=100"></script></li> <li><script type="text/javascript" src="http:demo.hnubbs.com/api.php?mod=js&bid=99"></script></li> <li><script type="text/javascript" src="http: demo.hnubbs.com/api.php?mod=js&bid=98"></script></li> <li><script type="text/javascript" src="http:demo.hnubbs.com/api.php?mod=js&bid=97"></script></li> </ul> </div> <script type="text/javascript"> new sliderlck({id:'focus'}) </script> </HTML> | |
| |
| | ===== MathJax ===== |
| | |
| | Inline math: $\int f dx$ |
| | |
| | Display math |
| | \[ |
| | \int f dx |
| | \] |
| | |
| | |
| | ===== code ===== |
| | |
| | Inline ''this is code'' |
| | |
| | ==== Python ==== |
| | Downloadable snippet |
| | |
| | <code python test.py> |
| | from antigravity import * |
| | for k in range(10): |
| | print(k) |
| | </code> |
| | |
| | === not downloadable snippet === |
| | |
| | <code python> |
| | from antigravity import * |
| | for k in range(10): |
| | print(k) |
| | </code> |
| | |
| | ==== bash ==== |
| | |
| | <code python test.py> |
| | #!/bin/bash |
| | ls -l |
| | echo "hello world" |
| | </code> |
| | |
| | |
| | ==== no language ==== |
| | <code - test.nolanguage> |
| | for k in range(10) |
| | this is nothing |
| | reject this |
| | </code> |
| | |
| | ==== double space block code ==== |
| | |
| | first line |
| | second line |
| | third line |
| | |
| | |
| | ===== tables ===== |
| | |
| | ==== a simple table ==== |
| | |
| | ^ head 1 ^ head 2 ^ |
| | | line1 | line 2 | |
| | | line11 | line 22 | |
| | |
| | |
| | ===== media alignment ===== |
| | |
| | ==== align left ==== |
| | |
| | {{wiki:dokuwiki-128.png }} |
| | asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj |
| | |
| | ==== align right ==== |
| | |
| | {{ wiki:dokuwiki-128.png}} |
| | asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj |
| | |
| | |
| | ==== align center ==== |
| | |
| | {{ wiki:dokuwiki-128.png }} |
| | |
| | asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj asdflkj as;dflk jasd;lfk ja;lkfkj asl;dkfj asldkfj |
| | |
| | |
| | |
| | ===== fonts ===== |
| | |
| | ==== small fonts ==== |
| | |
| | Normal size and <wrap lo>small size</wrap> |
| | |
| | normal normal normal |
| | |
| | <WRAP lo> |
| | small block small block small block |
| | </WRAP> |
| | |
| | ===== links ===== |
| | |
| | Interwiki link [[wiki:maintenance:djvu_support]] |
| | |
| | WWW link www.google.de |
| | |
| | |
| | {{background>wiki:dokuwiki-128.png}} |
| | ====== h1 with backgounrd ====== |
| | with background |
| | |
| | ===== without backgounrd 1===== |
| | |
| | ===== without backgounrd 2===== |
