代码如下： 复制代码 代码如下: function init() { if(swfobject.hasFlashPlayerVersion("10")){ var flashvars = {}; flashvars.xmlPath = "coffee"; flashvars.name = "coffee"; var params = {}; params.quality = "high"; params.wmode = "transparent"; 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" }); $("body").bind("mousemove",getListener); } } var srcName = ""; var currentX = 0; var currentY = 0; var currentTop = 0; function setImgLocal(srcName) { bindDroppable(); this.srcName = srcName ; } function changeSwfImg() { if(srcName === "" || srcName === null){ return ; } var swf = swfobject.getObjectById("swf_editer"); var swfCoord = getSwfCoord(); var dom = {}; dom.name = srcName; dom.changeFlg = 0; //********************************* var tmp1 = swfCoord.domY - 0; tmp2 = swfCoord.domHeight - 220; //********************************* if((currentTop + currentY) > (swfCoord.domY + 100) && (currentTop + currentY) < (tmp1 + tmp2)) { dom.changeFlg = currentX - swfCoord.domX < swfCoord.domWidth/2 ? 1 : 2; } swf.FlexManager(dom); } function bindDroppable() { $("#swf_editer").droppable({ accept: "#dv_draggables img", drop: function(event, ui) { changeSwfImg(); } }); } function getListener(event) { currentX = event.clientX; currentY = event.clientY; currentTop = document.documentElement.scrollTop ; } function getSwfCoord() { var swf = swfobject.getObjectById("swf_editer"); var dom = {}; dom.domX = 0 , dom.domY = 0; dom.domWidth = swf.width; dom.domHeight = swf.height; while(swf.offsetParent) { dom.domX += swf.offsetLeft; dom.domY += swf.offsetTop; swf = swf.offsetParent; } return dom; }

　　推荐阅读

　　原生JS仿苹果任务栏菜单，放大效果的菜单

相信本菜单会让你学习到一些新鲜的JS技巧。 JS仿苹果任务栏菜单 body{margin:0;padding:0} #menu{position:absolute;width:100%;bottom:0;text-align:center;} [C>>>详细阅读

本文标题：jQuery + Flex 通过拖拽方式动态改变图片的代码

地址：http://www.17bianji.com/kaifa2/JS/24344.html

 1/2    1