laserkard: stack.html annotate

implemented automatic text resize

rev	line source
rlm@94	1 <html>
rlm@94	2 <head>
rlm@94	3 <link type="text/css" href="./stack.css" rel="stylesheet"/>
rlm@94	4 </head>
rlm@94	5
rlm@94	6 <body>
rlm@94	7 <input type="button" id='btn1' value="Hide Something" />
rlm@94	8 <div style=" background-image:url('./buy-images/select-blue.png'); background-repeat:repeat-x; border-style:solid;height:1000px;width:100%">
rlm@94	9 <div id="div3" class="transparentDiv" style=" margin-top:30px; padding-left:300px;background-color: #4ddfff; height: 100px;position:absolute; width:950px">
rlm@94	10 <br />
rlm@94	11 <br />
rlm@94	12 <br />
rlm@94	13
rlm@94	14 </div>
rlm@94	15 <div id="div2" class="transparentDiv">
rlm@94	16
rlm@94	17
rlm@94	18
rlm@94	19
rlm@94	20 <h1></h1>
rlm@94	21
rlm@94	22
rlm@94	23
rlm@94	24 </div>
rlm@94	25
rlm@94	26 </div>
rlm@94	27
rlm@94	28
rlm@94	29 <script src="http://jquery.com/src/jquery-latest.js"></script>
rlm@94	30 <script type="text/javascript">
rlm@94	31
rlm@94	32 $(function() {
rlm@94	33
rlm@94	34 $("#table1 tbody tr:even").addClass('zebra');
rlm@94	35 $("#btn1").click(function() {
rlm@94	36
rlm@94	37 $('#div2').toggle(400); return false;
rlm@94	38 });
rlm@94	39
rlm@94	40 });
rlm@94	41
rlm@94	42
rlm@94	43 </script>
rlm@94	44 </body>
rlm@94	45 </html>

Mercurial > laserkard