source: orbit/iOS/Orbit/tutorial/frame.html @ 6d0d67b

ServoTab_Interfacepyramid
Last change on this file since 6d0d67b was 6d0d67b, checked in by Steve Castellotti <sc@…>, 7 years ago

Tutorial:

  • smooth cross-fade transition between tutorial pages
  • Property mode set to 100644
File size: 969 bytes
Line 
1<html>
2<head>
3
4<style>
5body,html,iframe { width: 100%; height: 100%; margin: 0; border: 0; }
6
7#mainframe.normal
8{
9    opacity: 1.0;
10}
11#mainframe.faded
12{
13    opacity: 0.0;
14}
15#mainframe
16{
17        /* Firefox */
18        -moz-transition-property: opacity;
19        -moz-transition-duration: 0.5s;
20        /* WebKit */
21        -webkit-transition-property: opacity;
22        -webkit-transition-duration: 0.5s;
23        /* Standard */
24        transition-property: opacity;
25        transition-duration: 0.5s;
26}
27
28</style>
29
30<script language="javascript">
31
32   function changePage(url)
33   {
34      document.getElementById('mainframe').className="faded";
35      setTimeout(function()
36      {
37         document.getElementById('mainframe').src=url;
38         document.getElementById('mainframe').className="normal";
39      }, (0.5 * 1000));
40   }
41</script>
42</head>
43
44      <body style="background-color:white;">
45<iframe id="mainframe" class="normal" src="index.html"></iframe>
46</body>
47
48</html>
Note: See TracBrowser for help on using the repository browser.