|
|
復制代碼 代碼如下:
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" } // 解答
// 主站蜘蛛池模板： 网站免费满18成年在线观看 | 亚洲日本1区2区3区二区 | 麻豆视频观看 | 精品国产国产综合精品 | 国内免费视频成人精品 | 久久福利一区二区 | 国产精品夜色一区二区三区 | 久久99中文字幕伊人 | 亚洲视频一二 | 欧美日韩国产一区二区三区欧 | 朝鲜美女免费一级毛片 | 中文字幕日韩欧美一区二区三区 | 成人女人a毛片在线看 | 丁香婷婷激情五月 | 视频麻豆| 精品视频一区二区三区在线观看 | 亚洲卡5卡6卡7国色天香 | 欧美高清在线视频 | 国产手机在线播放 | 国产91精品一区二区麻豆亚洲 | 国产高清自拍一区 | 久久精品国产主播一区二区 | 91免费视 | china精品对白普通话 | 成人午夜在线观看国产 | 九九视频在线看精品 | 国产大臿蕉香蕉大视频女 | 91精品一区二区综合在线 | 色呦呦网| 黄色免费网站在线 | 色呦呦网站 | 亚洲综合免费 | 午夜在线观看视频免费 成人 | 加勒比一区在线 | 狠狠色成人综合首页 | 久久精品国产清自在天天线 | 精品伊人久久大线蕉色首页 | 亚洲精品综合网 | 亚洲日本一区二区三区在线 | 国产极品精频在线观看 | 亚洲综合久 |