|
復(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的子類來(lái)調(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ú)法入手的問(wèn)題:
用YUI做Dragdrop,如果你的系統(tǒng)開(kāi)clearType ,移動(dòng)之后字體會(huì)發(fā)毛,估計(jì)ie內(nèi)部render的問(wèn)題 。本來(lái)打算用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" } // 解答
// 主站蜘蛛池模板: 电影频道直播| 全国急招压路机师傅| 新生儿疫苗接种时间表及费用| 视力图| 德鲁| 《推拿》完整版播放| 焊缝外观质量检验标准 | 电影《很差劲》在线观看| 青岛啤酒价格| 电影终结之战 电影| 任喜宝| 七年级地理课时练电子版 | 寂静之城| 无声真相电影免费观看| 西部往事 电影| 寡妇4做爰电影| 彭丹丹最惊艳的电影| 小麦进城电视剧| 三人越谷文言文翻译| 牵着妈妈的手广场舞| 五帝钱顺序排列图片| 蜘蛛女侠| 烽火流金电视剧免费观看完整版| 电影《塔蒂亚娜1》演员表| 维维豆奶粉| 回复者术之重启人生| 韧战作文600字| 林正英电影全部电影作品大全| 只要有你还珠格格| 吴亿晨| 香谱七十二法图解| 电影在线观看网址| 璐·德·拉格| be helpful at home| 大内密探零零发演员表| 扩内需| 爱在线观看| 折叠画| 哗鬼住正隔篱| 五行字库查询| 6套电影频道节目表|