snapshot
/
GuaranaUI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
							<!DOCTYPE html>

<html>
<head>
	<link rel="stylesheet" href="../themes/nokia/base.css" type="text/css" media="screen">

	<script src="../lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../lib/jquery/jquery.scrollTo.js" type="text/javascript" charset="utf-8"></script>

	<script src="../src/core.js" type="text/javascript" charset="utf-8"></script>
	<script src="../src/util.js" type="text/javascript" charset="utf-8"></script>
	<script src="../src/widget.js" type="text/javascript" charset="utf-8"></script>

	<style type="text/css" media="screen">
		body {
			font-size: 14px;
			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
		}

		#test {
			background: red;
			width: 100px;
			height: 100px;
			position: absolute;
			top: 100px;
			left: 100px;
		}
	</style>
</head>

<body>

<br/><br/><div id="switcher"></div><br/><br/>

<h1>Base File</h1>


<div id="test"></div>

<button onclick="Nokia.util.animate('#test', { top: '200px', backgroundColor: 'green', height: '200px', width: '200px' });">top 200px</button>
<button onclick="Nokia.util.animate('#test', { top: '100px', backgroundColor: 'red', height: '100px', width: '100px' });">top 100px</button>

<script type="text/javascript" charset="utf-8">

	jQuery(document).ready(function() {

		
	});

</script>

</body>
</html>