example/example.html

<!doctype html>

<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width">
		<title>IIDE - jQuery Immediate-Invoked-Data-Expressions Plugin</title>
	</head>
	<body>

	<div id="wrapper" style="width: 1000px; margin: 0 auto; position: relative">
		
		<div 
			data-init="fadeOut" 
			data-options="4000" 
			style="width: 300px; height: 300px; background: yellow;">
		</div>


		<div 
			data-init="fadeIn" 
			data-options="2000" 
			style="width: 100px; height: 100px; background: red; display: none">
		</div>

		<div 
			data-init="animate" 
			data-options='[
			{ 
				"right": 800,
				"top": 0
  			}, 5000 ]' 
  			style="width: 100px; height: 100px; background: blue; position: absolute; top: 0; right: 0">
		</div>

	</div>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

	<script>window.jQuery || document.write('<script src="../tests/vendor/jquery.js"><\/script>')</script>
	<script src="../src/jquery.iide.js"></script>

	</body>
</html>