about_ background-color
今天做了一个鼠标拖拽,动态改变flex 里图片的小功能,用到的几个 ui 插件为:
jquery.ui.widget.js
jquery.ui.mouse.js
jquery.ui.draggable.js
jquery.ui.core.js
实现了拖拽功能,最意外的是发现了一个background-color 的一个我不知道的作用:
给被拖拽的 dom 加一个 background-color 属性,居然可以让 此 dom 的 z 坐标保持最高 ?!
可是我不知道原因, 呵呵。
对了,忘记了说明,只限 firefox
具体代码如下:
function init() {
if(swfobject.hasFlashPlayerVersion("10")){
var flashvars = {};
flashvars.xmlPath = "coffee";
flashvars.name = "coffee";
var params = false;
var attributes = {};
attributes.id = "swf_editer";
swfobject.embedSWF("../img/swf/PhotoEditer2.swf","editarea","670","690","10.3"
,"../img/swf/playerProductInstall.swf",flashvars,params,attributes);
$( ".draggable" ).draggable({ revert: true, helper: "clone" });
}
}
var srcName = "";
function setImgLocal(srcName) {
bindDroppable();
this.srcName = srcName ;
}
function changeSwfImg() {
if(srcName === "" || srcName === null){
return ;
}
var swf = swfobject.getObjectById("swf_editer");
var dom = {};
dom.name = srcName;
swf.FlexManager(dom);
}
function bindDroppable() {
$( "#swf_editer" ).droppable({
accept: "#dv_draggables img",
drop: function( event, ui ) {
changeSwfImg();
}
});
}
CSS:
.draggable{
background-color:#ffffff;
}
posted on 2011-08-01 16:43 破阵子 . 如是我闻 阅读(230) 评论(0) 编辑 收藏 举报