作者hsnucsc (hsnugo)
看板Web_Design
標題[問題] javascript 拖拉圖片
時間Sat Apr 12 23:37:04 2008
請問如果希望可以拖拉網頁上的圖片 各位會怎麼作
function down(){
mouseDown=true;
x=event.x;
y=event.y;
}
function move(){
if(mouseDown==true){
document.getElementById("pos").style.left+=(event.x-x);
document.getElementById("pos").style.top+=(event.y-y);
//alert(x+" "+y+" "+event.x+" "+event.y);
}
}
function up(){
mouseDown=false;
}
我想到的方法是把mouseDown時 設一個flag
move時 style的position跟著改變
但是圖片仍無法動
<div id="pos" style="position:absolute;left:0px;right:0px">
<img src="a.bmp" onmousedown=down() onmouseup=up() onmousemove=move()>
</div>
請問是哪裡出問題了 非常謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.113.69.86
推 mlwmlw:mousedown是區域變數 04/13 00:38
→ mlwmlw:...style.left = (event.x-x) ; 的+= 改 = 04/13 00:39
推 mlwmlw:"down()" 那些屬性都要加雙引號..這樣至少就能動了..:| 04/13 00:44
→ mlwmlw:在附註一下..應該只有IE能動.. 04/13 00:45