Mercurial Mercurial > eulalie / annotate
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client/player/css/jq-css/demos/animate/default.html
author hurons
Wed, 09 Jun 2010 16:48:35 +0200
changeset 1 436d4791d7ac
child 57 3a3c15c462f8
permissions -rw-r--r--
premier version du player test de commit
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
1
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     1
 
<!DOCTYPE html>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     2
 
<html lang="en">
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     3
 
<head>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     4
 
	<meta charset="UTF-8" />
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     5
 
	<title>jQuery UI Effects - Animate Demo</title>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     6
 
	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     7
 
	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     8
 
	<script type="text/javascript" src="../../ui/jquery.effects.core.js"></script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
     9
 
	<link type="text/css" href="../demos.css" rel="stylesheet" />
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    10
 
	<style type="text/css">
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    11
 
		.toggler { width: 500px; height: 200px; position: relative;}
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    12
 
		#button { padding: .5em 1em; text-decoration: none; }
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    13
 
		#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    14
 
		#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    15
 
	</style>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    16
 
	<script type="text/javascript">
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    17
 
	$(function() {
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    18
 
		$("#button").toggle(
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    19
 
			function() {
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    20
 
				$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    21
 
			},
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    22
 
			function() {
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    23
 
				$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    24
 
			}
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    25
 
		);
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    26
 
	});
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    27
 
	</script>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    28
 
</head>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    29
 
<body>
436d4791d7ac premier version du player test de commit
hurons
parents:
diff changeset 
    30
 












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    31


<div class="demo">












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    32














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    33


<div class="toggler">












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    34


	<div id="effect" class="ui-widget-content ui-corner-all">












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    35


		<h3 class="ui-widget-header ui-corner-all">Animate</h3>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    36


		<p>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    37


			Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    38


		</p>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    39


	</div>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    40


</div>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    41














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    42


<a href="#" id="button" class="ui-state-default ui-corner-all">Toggle Effect</a>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    43














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    44


</div><!-- End demo -->












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    45














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    46


<div class="demo-description">












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    47














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    48


<p>Click the button above to preview the effect.</p>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    49














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    50


</div><!-- End demo-description -->












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    51














436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    52


</body>












436d4791d7ac
premier version du player test de commit



hurons


parents: 

diff
changeset




    53


</html>














eulalie