Скольжение
Эффект скольжения узла воспроизводится так же просто, как и эф фект растворения/проявления. Для этого функции dojo.fx.slideTo передается ассоциативный массив с параметрами, как и в случае с функцией animateProperty.
Пример 8.3 иллюстрирует применение функции sliteTo. Та часть, которая отличает этот пример от предыдущего, выделена жирным шрифтом.
Пример 8.3. Эффект скольжения узла
<html>
<head>
<title>Animation Station</title>
<style type="text/css">
@import "http://o.aolcdn.com/dojo/1.1/dojo/resources/dojo.css";
.box {
width : 200px;
height : 200px;
background : blue;
text-align : center;
}
</style>
<script
type="text/javascript"
src="http://o.aolcdn.com/dojo/1.1/dojo/dojo.xd.js">
</script>
<script type="text/javascript">
dojo.require("dojo.fx");
dojo.addOnLoad(function() {
var box = dojo.byId("box");
dojo.connect(box, "onclick", function(evt) {
dojo.fx.slideTo({
node:box,
top : "200",
left : "200"
}).play();
});
});
</script>
</head>
(body)
<div id="box" class="box">Slide Me</div>
(/body)
</html>
Комментарии:
Нету комментариев для вывода...