Kleiner Dojo-Effekt für die Webseite
Hier ist ne kleine Dojo-Anination für die Webseite.
Aus meinem Buch Ajax Frameworks
So geht's:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content=
"HTML Tidy for Windows (vers 14 February 2006), see www.w3.org" />
<title>Animationen mit Dojo</title>
<script type="text/javascript" src=
"http://o.aolcdn.com/dojo/1.2/dojo/dojo.xd.js" djconfig=
"parseOnLoad: true, isDebug:false">
</script>
<script type="text/javascript">
//<![CDATA[
dojo.require("dojo.fx");
dojo.addOnLoad(function(){
var anim = dojo.fadeOut({ node: "meineID", duration:5000 });
var anim2 = dojo.fadeIn({ node: "meineID", duration:6000 });
dojo.fx.chain([anim,anim2]).play();
});
//]]>
</script>
</head>
<body>
<h1>Aus- und Einblenden</h1>
<img src="b5.jpg" id="meineID" name="meineID" />
</body>
</html>
Aus meinem Buch Ajax Frameworks
So geht's:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content=
"HTML Tidy for Windows (vers 14 February 2006), see www.w3.org" />
<title>Animationen mit Dojo</title>
<script type="text/javascript" src=
"http://o.aolcdn.com/dojo/1.2/dojo/dojo.xd.js" djconfig=
"parseOnLoad: true, isDebug:false">
</script>
<script type="text/javascript">
//<![CDATA[
dojo.require("dojo.fx");
dojo.addOnLoad(function(){
var anim = dojo.fadeOut({ node: "meineID", duration:5000 });
var anim2 = dojo.fadeIn({ node: "meineID", duration:6000 });
dojo.fx.chain([anim,anim2]).play();
});
//]]>
</script>
</head>
<body>
<h1>Aus- und Einblenden</h1>
<img src="b5.jpg" id="meineID" name="meineID" />
</body>
</html>
