YUI Global Object之多实例 - 走看看

zoukankan html css js c++ java

YUI Global Object之多实例

YUI Global Object之多个实例

前面两章我们的代码都是形如YUI().use('modulename',function(Y){//your code});

这样我们得到的是该模块的一个实例Y。

假设现在有这种需求：页面载入后出现一个可以拖动的DIV，并且附带这样的动画效果:在0.5秒内DIV的宽度增加一半，而高度减少一半，持续30秒。

这就需要2个实例：一个用于动画，一个用于拖动。
<html> <script src="http://yui.yahooapis.com/3.0.0/build/yui/yui.js"></script><body><div id="demo2" style="background-color:Green;cursor:move;100px;height:100px;">multipe instance demo</div> <script> YUI().use('anim', function(Y){ Y.Anim({ node: '#demo2', to: { height: 50, 150 }, from: { height: 100, 100 }, direction: 'alternate', iterations: 30, duration: .5 }); anim.run(); }); YUI().use('dd-drag', function(Y) { var dd = new Y.DD.Drag({ node: '#demo2' }); }); </script></body></html>

如何，既强大又实用，不得不令人赞叹！

查看全文

相关阅读:
linux内存和swap
Linux awk sort
redis aof和rdb区别
 STL中的map、unordered_map、hash_map
mysql 冷热备份
 redis
linux 几个命令
 linux erase
group by
现在很多技术知识点缺乏来龙去脉的介绍

原文地址：https://www.cnblogs.com/1000/p/multipleinstance.html

Copyright © 2011-2022 走看看