DIV在FF上的拖动

2012-11-07

DIV在FF下的拖动html?2?3head?4script?languageJavaScript?typetext/javascript?srcjquery-1

DIV在FF下的拖动
<html>
?2 DIV在FF上的拖动
?3<head>
?4<script?language="JavaScript"?type="text/javascript"?src="jquery-1.6.4.js"></script>
?5<style>
?6
?7</style>
?8</head>
?9<body><head>
10<script?language="JavaScript"?type="text/javascript"?src="jquery-1.6.4.js"></script>
11<style>
12
13</style>
14</head>
15
16
17<div?id="rect"?style="width:200px;height:200px;position:absolute;background-color:pink;">
18 DIV在FF上的拖动
19</div>
20
21<div?id="display"?style="position:absolute;top:300px;"></div>
22</body>
23</html>
24
25<script>
26
27$(init);
28
29function?init(){
30rectEvent();
31}
32
33function?rectEvent(){
34var?slider?=?$("#rect");
35var?downFlag?=?false;
36
37var?offX;
38
39slider.mousedown(function(e) DIV在FF上的拖动 {
40downFlag?=?true;
41var?event?=?getEvent(e);
42offX?=?getOffsetX(event);
43
44});
45
46slider.mouseup(function(){
47downFlag?=?false;
48});
49
50slider.mouseout(function(){
51downFlag?=?false;
52});
53
54slider.mousemove(function(e){
55var?event?=?getEvent(e);
56
57if(!downFlag) DIV在FF上的拖动 {
58return?false;
59}
60
61var?left?=?event.clientX?-?offX;
62$("#display").text(left);
63slider.css("left",left);
64});
65
66}
67
68
69function?getEvent(event){
70var?event?=?event???event?:?window.event;
71return?event;
72}
73
74function?getOffsetX(event){
75var?off_X?=?event.offsetX???event.offsetX?:?event.layerX;
76 DIV在FF上的拖动 return?off_X;
77}
78
79</script>
80
如果我在rect div随便加入文本如：<div?id="rect"?style="width:200px;height:200px;position:absolute;background-color:pink;">11</div>,这样就可以了，我一直不太明白为什么会这样？请名位大侠指教.

热点排行

编程

DIV在FF上的拖动