|
復(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對(duì)象。這個(gè)必須由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) { //拖放后返回原點(diǎn)
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.這里用了一個(gè)數(shù)組先收集好所有要DD(Darg&Drop,下同)的元素,再用for遍歷new new YAHOO.util.DD()對(duì)象,“捆綁”成一類具有相同屬性的對(duì)象:Draggable。
2.遇到一個(gè)無(wú)法入手的問題:
用YUI做Dragdrop,如果你的系統(tǒng)開clearType ,移動(dòng)之后字體會(huì)發(fā)毛,估計(jì)ie內(nèi)部render的問題 。本來打算用DDProxy代替,但一用DDProxy就無(wú)法繼承下去。
3.需手工加入xhtml的holder.
ok這個(gè)例子暫告一段落,看看一些好玩的(演示):
復(fù)制代碼 代碼如下:
var correct = { opt0:"ans1", opt1:"ans2", opt2:"ans0" } // 正確答案
var answer = { opt0:"tmp0", opt1:"tmp1", opt2:"tmp2" } // 解答
// 主站蜘蛛池模板: 青青热久久国产久精品 | 九九视频只有精品 | 国产精品专区第二 | 欧美一区二区三区精品国产 | 香蕉碰碰人人a久久动漫精品 | 91香蕉国产亚洲一区二区三区 | 久久综合久久综合久久综合 | 国产一级特黄a大片99 | 麻豆精品91 | 国产精品亚洲一区二区三区在线观看 | 国产99对白在线播放 | 国产在线观看精品一区二区三区91 | 国产精品被窝福利一区 | 久久免费视频6 | 欧美xxxx在线观看 | 色播播网| 精品久久久久久久久中文字幕 | 亚洲国产精品成人综合色在线婷婷 | 国产精品免费观看视频 | 久久成人免费播放网站 | 91短视频网址 | 国产成+人+综合+亚洲不卡 | 国产亚洲精品观看91在线 | 欧美日韩国产亚洲一区二区三区 | 一道本一区二区三区 | 日本99热 | 亚洲夂夂婷婷色拍ww47 | 一区二区在线视频 | 亚洲免费网站 | 成人综合婷婷国产精品久久免费 | 福利国产在线 | 美女很黄很黄免费的 | 好吊日在线 | 成人毛片在线视频 | 欧美在线精品永久免费播放 | 99爱精品视频 | 最新91视频 | 国产成人综合久久亚洲精品 | 欧美性生活网站 | 国产亚洲精品中文带字幕21页 | 亚洲女人天堂 |