franceculture: web/static/css/jq-css/demos/removeClass/default.html@cc4a51750724 (annotated)

0 cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	1	<!DOCTYPE html>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	2	<html lang="en">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	3	<head>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	4	<meta charset="UTF-8" />
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	5	<title>jQuery UI Effects - removeClass Demo</title>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	6	<link type="text/css" href="http://jquery-ui.googlecode.com/svn/trunk/themes/base/jquery.ui.all.css" rel="stylesheet" />
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	7	<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/jquery-1.4.2.js"></script>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	8	<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/jquery.effects.core.js"></script>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	9	<link type="text/css" href="http://jquery-ui.googlecode.com/svn/trunk/demos/demos.css" rel="stylesheet" />
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	10	<style type="text/css">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	11	.toggler { width: 500px; height: 200px; position: relative;}
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	12	#button { padding: .5em 1em; text-decoration: none; }
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	13	#effect {position: relative; width: 240px; padding: 1em; letter-spacing: 0; font-size: 1.2em; border: 1px solid #000; background: #eee; color: #333; }
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	14	#effect.newClass { text-indent: 40px; letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; }
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	15	</style>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	16	<script type="text/javascript">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	17	$(function() {
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	18	$("#button").click(function() {
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	19	$('#effect').removeClass('newClass', 1000, callback);
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	20	return false;
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	21	});
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	22
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	23	function callback(){
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	24	setTimeout(function(){
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	25	$('#effect').addClass('newClass');
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	26	}, 1500);
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	27	}
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	28	});
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	29	</script>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	30	</head>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	31	<body>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	32
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	33	<div class="demo">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	34
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	35	<div class="toggler">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	36	<div id="effect" class="newClass ui-corner-all">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	37	Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	38	</div>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	39	</div>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	40
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	41	<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	42
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	43	</div><!-- End demo -->
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	44
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	45	<div class="demo-description">
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	46
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	47	<p>Click the button above to preview the effect.</p>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	48
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	49	</div><!-- End demo-description -->
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	50
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	51	</body>
cc4a51750724 first commit ymh <ymh.work@gmail.com> parents: diff changeset	52	</html>

author	ymh <ymh.work@gmail.com>
	Sat, 12 Jun 2010 04:25:05 +0200
changeset 0	cc4a51750724
permissions	-rw-r--r--