|
|
復制代碼 代碼如下:
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" } // 解答
// 主站蜘蛛池模板： 日韩精品久久久久影院 | 欧美日韩久久久精品A片 | 在线天天看片免费视频观看 | 国产免费不卡 | 浴室里强摁做开腿呻吟的漫画男男 | 亚洲精品久久久午夜福利电影网 | 中国人泡妞xxxxxxxx19 | 色偷偷成人网免费视频男人的天堂 | 特黄特黄aaaa级毛片免费看 | 亚洲黄色免费在线观看 | 天天躁日日躁狠狠躁中文字幕老牛 | 国内国外精品影片无人区 | 妈妈的朋友6未删减版完整在线 | 久久视频这里只精品6国产 久久视频在线视频观品15 | 亚洲免费无码中文在线 | 国产美女又黄又爽又色视频网站 | 野花韩国视频中文播放 | 亚洲中文久久精品AV无码 | 国产精品久久久久久久AV下载 | 国产一区二区免费在线观看 | 伊人久久电影院 | 亚洲AV蜜桃永久无码精品红樱桃 | 内射少妇36P九色 | 99视频久久精品久久 | 色偷偷影院 | 国产免费人成在线看视频 | 国产成人精品一区二区三区视频 | 无限资源日本2019版 | 24小时日本免费看 | 亚洲国产剧情中文视频在线 | 国产99视频精品一区 | 野花日本大全免费高清完整版 | 电影日本妻子 | 国产成人精品系列在线观看 | 少妇一夜未归暴露妓女身份 | 天天澡夜夜澡人人澡 | 色女孩综合 | 亚洲欧美高清在线 | 国产精品久久人妻无码网站一区无 | 在线电影一区二区 | 国产美女一区二区 |