From 2012hs.igem.org
(Difference between revisions)
|
|
(13 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{AUC_Turkey}}
| |
- | <html>
| |
- | <head>
| |
- | <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
| |
- | <script type="text/javascript" src="http://turnjs.com/lib/turn.min.js"></script>
| |
| | | |
- | <style type="text/css">
| |
- | body{
| |
- | background:#ccc;
| |
- | }
| |
- | #notebookigem{
| |
- | width:750px;
| |
- | height:800px;
| |
- | }
| |
- | #notebookigem .turn-page{
| |
- | background-color:#0c0;
| |
- | background-size:100% 100%;
| |
- | }
| |
- | </style>
| |
- | </head>
| |
- | <body>
| |
- |
| |
- | <div id="notebookigem">
| |
- | <div class="hard">asdasdasd</div>
| |
- | <div class="hard"></div>
| |
- | <div>asdasdasd</div>
| |
- | <div>asdasdasd</div>
| |
- | <div>asdasdasd</div>
| |
- | <div>asdasdasd</div>
| |
- | </div>
| |
- |
| |
- |
| |
- | <script type="text/javascript">
| |
- |
| |
- | $(window).ready(function() {
| |
- | $('#notebookigem').turn({
| |
- | display: 'double',
| |
- | acceleration: true,
| |
- | gradients: !$.isTouch,
| |
- | elevation:50,
| |
- | when: {
| |
- | turned: function(e, page) { }
| |
- | }
| |
- | });
| |
- | });
| |
- |
| |
- |
| |
- | $(window).bind('keydown', function(e){
| |
- |
| |
- | if (e.keyCode==37)
| |
- | $('#notebookigem').turn('previous');
| |
- | else if (e.keyCode==39)
| |
- | $('#notebookigem').turn('next');
| |
- |
| |
- | });
| |
- |
| |
- | </script>
| |
- |
| |
- | </body>
| |
- | </html>
| |
Latest revision as of 16:25, 24 January 2013