beast
Version:
provides a timer'd loop with hooks producing various animated effects
75 lines (60 loc) • 1.77 kB
HTML
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>anim test</title>
<!-- <scrounge type=".css" trees="beast-test.js"> -->
<!-- </scrounge> -->
<!-- <scrounge type=".js" trees="beast-test.js"> -->
<!-- </scrounge> -->
</head>
<body>
<div id="Boxlet" class="boxlet st-content-preview">
<div id="BoxTitle" class="boxlet-title">
title
</div>
<div id="BoxContentPrev" class="boxlet-content-preview st-show-open">
<div class="boxlet-content-preview-bd">
<p>content</p>
<p>preview</p>
</div>
</div>
<div id="BoxContentFull" class="boxlet-content-main st-show-shut">
<div class="boxlet-content-main-bd">
content main
<p>foo bar baz</p>
<p>foo bar baz</p>
<p>foo bar baz</p>
<p>foo bar baz</p>
<p>foo bar baz</p>
<p>foo bar baz</p>
</div>
</div>
</div>
<div id="Boxlet2" class="boxlet st-content-preview">
<div id="BoxTitle2" class="boxlet-title">
title
</div>
<div id="BoxContentPrev2" class="boxlet-content-preview st-show-open">
<div class="boxlet-content-preview-bd">
<p>content</p>
<p>preview</p>
</div>
</div>
<div id="BoxContentFull2" class="boxlet-content-main st-show-shut">
<div class="boxlet-content-main-bd">
content main
<p>foo bar baz</p>
<p>foo bar baz</p>
<p>foo bar baz</p>
<p>foo bar baz</p>
<p>foo bar baz</p>
<p>foo bar baz</p>
</div>
</div>
</div>
<script type="text/javascript">
test.init();
</script>
</body>
</html>