Team:NCTU Formosa/source/TTTT

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
 
Line 1: Line 1:
-
<html lang="en">
+
 
-
<head>
+
-
<meta charset="utf-8">
+
-
<title>jQuery UI Dialog - Animation</title>
+
-
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
+
-
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
+
-
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
+
-
<link rel="stylesheet" href="/resources/demos/style.css">
+
-
<script>
+
-
$(function() {
+
-
$( "#dialog" ).dialog({
+
-
autoOpen: false,
+
-
show: {
+
-
effect: "blind",
+
-
duration: 1000
+
-
},
+
-
hide: {
+
-
effect: "explode",
+
-
duration: 1000
+
-
}
+
-
});
+
-
$( "#opener" ).click(function() {
+
-
$( "#dialog" ).dialog( "open" );
+
-
});
+
-
});
+
-
</script>
+
-
</head>
+
-
<body>
+
-
<div id="dialog" title="Basic dialog">
+
-
<p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
+
-
</div>
+
-
<div id="opener">Open Dialog</div>
+
-
</body>
+
-
</html>
+

Latest revision as of 15:05, 17 October 2014