|
|
復(fù)制代碼 代碼如下:
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"]; //數(shù)組存放DargDrop的ID
Draggable = function(id, sGroup) {
//建立DragDrop對象。這個必須由YAHOO.util.DragDrop的子類來調(diào)用
//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.這里用了一個數(shù)組先收集好所有要DD（Darg&Drop，下同）的元素，再用for遍歷new new YAHOO.util.DD()對象，“捆綁”成一類具有相同屬性的對象：Draggable。
2.遇到一個無法入手的問題：
用YUI做Dragdrop，如果你的系統(tǒng)開clearType ，移動之后字體會發(fā)毛，估計ie內(nèi)部render的問題 。本來打算用DDProxy代替，但一用DDProxy就無法繼承下去。
3.需手工加入xhtml的holder.
ok這個例子暫告一段落，看看一些好玩的(演示)：
復(fù)制代碼 代碼如下:
var correct = { opt0:"ans1", opt1:"ans2", opt2:"ans0" } // 正確答案
var answer = { opt0:"tmp0", opt1:"tmp1", opt2:"tmp2" } // 解答
// 主站蜘蛛池模板： 国产精品视频网 | 国产高清视频在线播放 | 亚洲一区精品在线 | 久久精品这里精品 | 国产日韩精品久久 | www.色婷婷 | 中文字幕色站 | 日本一区二区视频 | 天堂一区在线 | 一区二区三区中文字幕 | 欧美黄色网 | 亚洲欧美国产一区二区三区 | 国产一区二区在线视频 | 午夜天堂| 99久久国产综合精品麻豆 | 91小视频| 日韩在线一区二区三区 | 久久毛片 | 日韩在线中文 | 欧美在线免费 | 亚州一区二区三区 | 欧美成人精品一区二区男人看 | 暖暖成人免费视频 | 色屁屁在线观看 | 成人精品鲁一区一区二区 | 久久久久国产一级毛片 | 国产精品毛片 | 91精品久久久久久久久中文字幕 | 一本色道久久综合亚洲精品高清 | 国产精品一区在线观看 | 97视频成人 | 国产一伦一伦一伦 | 91国内精精品久久久久久婷婷 | 福利网址 | 一本一道久久a久久精品蜜桃 | 91资源在线| 日韩和的一区二在线 | 九九热免费看 | 国产免费又黄又爽又刺激蜜月al | 精品视频导航 | 国产农村妇女毛片精品久久麻豆 |