|
|
復制代碼 代碼如下:
YAHOO.example.DDApp = function() {
var dd;
return {
init2: function() {
// var dropzone =["dz"];
// for(i in dropzone){
// new YAHOO.util.DDTarget(dropzone[i]);
// };
var draggable =["dd_1","dd_2","dd_3"]; //數組存放DargDrop的ID
Draggable = function(id, sGroup) {
//建立DragDrop對象。這個必須由YAHOO.util.DragDrop的子類來調用
//Sets up the DragDrop object. Must be called in the constructor of any YAHOO.util.DragDrop subclass
this.init(id, sGroup);
}
Draggable.prototype = new YAHOO.util.DD(); //繼承父類
Draggable.prototype.startDrag = function(x, y) {
YAHOO.util.Dom.setStyle(this.getEl(), "opacity", 0.5);
}
Draggable.prototype.endDrag = function(e) { //拖放后返回原點
var draggable = this.getEl();
YAHOO.util.Dom.setStyle(draggable, "opacity", 1.0);
draggable.style.left = "0px";
draggable.style.top = "0px";
}
for(i in draggable){
new Draggable(draggable[i]);
}
}
}
} ();
注意的地方：
1.這里用了一個數組先收集好所有要DD（Darg&Drop，下同）的元素，再用for遍歷new new YAHOO.util.DD()對象，“捆綁”成一類具有相同屬性的對象：Draggable。
2.遇到一個無法入手的問題：
用YUI做Dragdrop，如果你的系統開clearType ，移動之后字體會發毛，估計ie內部render的問題 。本來打算用DDProxy代替，但一用DDProxy就無法繼承下去。
3.需手工加入xhtml的holder.
ok這個例子暫告一段落，看看一些好玩的(演示)：
復制代碼 代碼如下:
var correct = { opt0:"ans1", opt1:"ans2", opt2:"ans0" } // 正確答案
var answer = { opt0:"tmp0", opt1:"tmp1", opt2:"tmp2" } // 解答
// 主站蜘蛛池模板： 国产欧美亚洲三区久在线观看 | 好吊操视频在线 | 国产乱码精品一区二区三上 | 91精品国产麻豆国产自产在线 | 思思久热re6这里有精品 | 国产精品视_精品国产免费 国产精品视频1区 | 亚洲视频一区在线 | 中国欧美日韩一区二区三区 | 精品一区二区三区无卡乱码 | 天天做天天玩天天爽天天 | 好吊妞视频haodiaoniucom | 欧美激情在线视频播放 | 天天拍夜夜添久久精品中文 | 激情图片亚洲 | 六月婷婷网视频在线观看 | 国产成人精品实拍在线 | 日韩午夜片 | 国产系列 视频二区 | 欧美在线综合 | 亚洲94vvv男人的天堂五月 | 日韩中文字幕亚洲无线码 | 9久9久女女免费精品视频在线观看 | 色天天综合色天天害人害己 | 亚洲一区在线观看视频 | 一二三四视频社区5在线高清视频 | 在线国产一区二区 | 国产精品久久久尹人香蕉 | 欧美xx网站 | 国产精品高清在线观看地址 | 无遮挡毛片| 桃花视频在线观看高清版mv | 国产系列欧美系列日韩系列在线 | 怡红院美国分院一区二区 | 午夜视频网站在线观看 | 最新地址四虎www4hutv | 国产免费一区二区三区在线观看 | 久久国产精品麻豆映画 | 午夜视频福利 | 色www亚洲 | 国产永久免费视频 | 午夜hhh视频在线观看hhhh |