Donnerstag, 29. Januar 2009

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>
Kommentar veröffentlichen

Onlinetraining mit Ralph Steyer

Onlinetraining mit Ralph Steyer
Onlinetraining mit Ralph Steyer und anderen Autoren bei Video2Brain