|
|
復(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ú)法入手的問題：
用YUI做Dragdrop，如果你的系統(tǒng)開clearType ，移動(dòng)之后字體會(huì)發(fā)毛，估計(jì)ie內(nèi)部render的問題 。本來(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" } // 解答
// 主站蜘蛛池模板： 爱人的眼睛是第八大洋什么意思?| 爱播| a看片| 7妹| 变形金刚7免费高清电影| 王牌空战| 架子姐姐| 误杀1演员表| 林智妍三级全部电影| 陆树铭个人简历| 电影《重生》| 美女亲热视频| 大空头 电影| 人流后吃什么| porn4k| 舞蹈压腿疼哭训练视频| 触底反弹电影| kami什么意思| 巨乳欧美| 音乐僵尸演员表| 周传基| 烽火流金电视剧全集免费观看| 极寒之城在线观看高清完整| 《潜艇行动》免费观看| 影库影片| 变形金刚6免费完整版在线观看| 芝加哥警署第十一季| 形容颜色的成语有哪些| 红灯区在线观看| 神迹电影| 美女自卫网站| 黄电影网站| 航班危机电影| 狂魔电影| 烽火硝烟里的青春演员表| 周柯宇个人资料| 女友电影| 恐怖托马斯| 来自地狱| 爱四| 日本女人交配视频|