图片精灵-图片拖动

&lt;style type='text/css'&gt;
#floater {   LEFT: 445px; POSITION: absolute; TOP: 15px; VISIBILITY: visible; WIDTH: 125px; Z-INDEX: 10}
&lt;/style&gt;
&lt;script language='JavaScript'&gt;
   self.onError = null;
   currentX = currentY = 0;
   whichIt = null;
   lastScrollX = 0;
   lastScrollY = 0;
   NS = (document.layers) ? 1 : 0;
   IE = (document.all) ? 1 : 0;

   function heartBeat()
   {
   	if (IE)
   	{
   		diffY = document.body.scrollTop;
   		diffX = document.body.scrollLeft;
   	}
   	if (NS)
   	{
   		diffY = self.pageYOffset;
   		diffX = self.pageXOffset;
   	}
   	if (diffY != lastScrollY)
   	{
   		percent = .1 * (diffY - lastScrollY);
   		if (percent &gt; 0) percent = Math.ceil(percent);
   		else percent = Math.floor(percent);
   		if (IE) document.all.floater.style.pixelTop += percent;
   		if (NS) document.floater.top += percent;
   		lastScrollY = lastScrollY + percent;
   	}
   	if (diffX != lastScrollX)
   	{
   		percent = .1 * (diffX - lastScrollX);
   		if (percent &gt; 0) percent = Math.ceil(percent);
   		else percent = Math.floor(percent);
   		if (IE) document.all.floater.style.pixelLeft += percent;
   		if (NS) document.floater.left += percent;
   		lastScrollX = lastScrollX + percent;
   	}
   }
   function checkFocus(x, y)
   {
   	stalkerx = document.floater.pageX;
   	stalkery = document.floater.pageY;
   	stalkerwidth = document.floater.clip.width;
   	stalkerheight = document.floater.clip.height;
   	if ((x &gt; stalkerx &amp;&amp; x &lt; (stalkerx + stalkerwidth)) &amp;&amp; (y &gt; stalkery &amp;&amp; y &lt; (stalkery + stalkerheight))) return true;
   	else return false;
   }
   function grabIt(e)
   {
   	if (IE)
   	{
   		whichIt = event.srcElement;
   		while (whichIt.id.indexOf("floater") == -1)
   		{
   			whichIt = whichIt.parentElement;
   			if (whichIt == null)
   			{
   				return true;
   			}
   		}
   		whichIt.style.pixelLeft = whichIt.offsetLeft;
   		whichIt.style.pixelTop = whichIt.offsetTop;
   		currentX = (event.clientX + document.body.scrollLeft);
   		currentY = (event.clientY + document.body.scrollTop);
   	}
   	else
   	{
   		window.captureEvents(Event.MOUSEMOVE);
   		if (checkFocus(e.pageX, e.pageY))
   		{
   			whichIt = document.floater;
   			StalkerTouchedX = e.pageX - document.floater.pageX;
   			StalkerTouchedY = e.pageY - document.floater.pageY;
   		}
   	}
   	return true;
   }
   function moveIt(e)
   {
   	if (whichIt == null)
   	{
   		return false;
   	}
   	if (IE)
   	{
   		newX = (event.clientX + document.body.scrollLeft);
   		newY = (event.clientY + document.body.scrollTop);
   		distanceX = (newX - currentX);
   		distanceY = (newY - currentY);
   		currentX = newX;
   		currentY = newY;
   		whichIt.style.pixelLeft += distanceX;
   		whichIt.style.pixelTop += distanceY;
   		if (whichIt.style.pixelTop &lt; document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
   		if (whichIt.style.pixelLeft &lt; document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
   		if (whichIt.style.pixelLeft &gt; document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
   		if (whichIt.style.pixelTop &gt; document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
   		event.returnValue = false;
   	}
   	else
   	{
   		whichIt.moveTo(e.pageX - StalkerTouchedX, e.pageY - StalkerTouchedY);
   		if (whichIt.left &lt; 0 + self.pageXOffset) whichIt.left = 0 + self.pageXOffset;
   		if (whichIt.top &lt; 0 + self.pageYOffset) whichIt.top = 0 + self.pageYOffset;
   		if ((whichIt.left + whichIt.clip.width) &gt;= (window.innerWidth + self.pageXOffset - 17)) whichIt.left = ((window.innerWidth + self.pageXOffset) - whichIt.clip.width) - 17;
   		if ((whichIt.top + whichIt.clip.height) &gt;= (window.innerHeight + self.pageYOffset - 17)) whichIt.top = ((window.innerHeight + self.pageYOffset) - whichIt.clip.height) - 17;
   		return false;
   	}
   	return false;
   }
   function dropIt() {whichIt = null;
   if (NS) window.releaseEvents(Event.MOUSEMOVE);
   return true;
   }
   if (NS)
   {
   	window.captureEvents(Event.MOUSEUP | Event.MOUSEDOWN);
   	window.onmousedown = grabIt;
   	window.onmousemove = moveIt;
   	window.onmouseup = dropIt; }   if(IE) {    document.onmousedown = grabIt;
   	document.onmousemove = moveIt;
   	document.onmouseup = dropIt; }   if(NS || IE) action = window.setInterval("heartBeat()", 1);
&lt;/script&gt;
&lt;div align='center' id='floater'&gt;
	&lt;table height='10' width='24'&gt;
	&lt;tbody&gt;
	&lt;tr&gt;
		&lt;td align='middle' height='6' valign='center' width='76'&gt;
			&lt;!-- 注意更改图片所在路径--&gt;
			&lt;img border='0' src="C:/My Documents/My Pictures/74.gif"&gt;
		&lt;/td&gt;
	&lt;/tr&gt;
	&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/div&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

#floater { LEFT: 445px; POSITION: absolute; TOP: 15px; VISIBILITY: visible; WIDTH: 125px; Z-INDEX: 10}

</style>

self.onError = null;

currentX = currentY = 0;

whichIt = null;

lastScrollX = 0;

lastScrollY = 0;

NS = (document.layers) ? 1 : 0;

IE = (document.all) ? 1 : 0;

function heartBeat()

{

if (IE)

{

diffY = document.body.scrollTop;

diffX = document.body.scrollLeft;

}

if (NS)

{

diffY = self.pageYOffset;

diffX = self.pageXOffset;

}

if (diffY != lastScrollY)

{

percent = .1 * (diffY - lastScrollY);

if (percent > 0) percent = Math.ceil(percent);

else percent = Math.floor(percent);

if (IE) document.all.floater.style.pixelTop += percent;

if (NS) document.floater.top += percent;

lastScrollY = lastScrollY + percent;

}

if (diffX != lastScrollX)

{

percent = .1 * (diffX - lastScrollX);

if (percent > 0) percent = Math.ceil(percent);

else percent = Math.floor(percent);

if (IE) document.all.floater.style.pixelLeft += percent;

if (NS) document.floater.left += percent;

lastScrollX = lastScrollX + percent;

}

function checkFocus(x, y)

{

stalkerx = document.floater.pageX;

stalkery = document.floater.pageY;

stalkerwidth = document.floater.clip.width;

stalkerheight = document.floater.clip.height;

if ((x > stalkerx && x < (stalkerx + stalkerwidth)) && (y > stalkery && y < (stalkery + stalkerheight))) return true;

else return false;

}

function grabIt(e)

{

if (IE)

{

whichIt = event.srcElement;

while (whichIt.id.indexOf("floater") == -1)

{

whichIt = whichIt.parentElement;

if (whichIt == null)

{

return true;

}

whichIt.style.pixelLeft = whichIt.offsetLeft;

whichIt.style.pixelTop = whichIt.offsetTop;

currentX = (event.clientX + document.body.scrollLeft);

currentY = (event.clientY + document.body.scrollTop);

}

else

{

window.captureEvents(Event.MOUSEMOVE);

if (checkFocus(e.pageX, e.pageY))

{

whichIt = document.floater;

StalkerTouchedX = e.pageX - document.floater.pageX;

StalkerTouchedY = e.pageY - document.floater.pageY;

}

return true;

}

function moveIt(e)

{

if (whichIt == null)

{

return false;

}

if (IE)

{

newX = (event.clientX + document.body.scrollLeft);

newY = (event.clientY + document.body.scrollTop);

distanceX = (newX - currentX);

distanceY = (newY - currentY);

currentX = newX;

currentY = newY;

whichIt.style.pixelLeft += distanceX;

whichIt.style.pixelTop += distanceY;

if (whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;

if (whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;

if (whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;

if (whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;

event.returnValue = false;

}

else

{

whichIt.moveTo(e.pageX - StalkerTouchedX, e.pageY - StalkerTouchedY);

if (whichIt.left < 0 + self.pageXOffset) whichIt.left = 0 + self.pageXOffset;

if (whichIt.top < 0 + self.pageYOffset) whichIt.top = 0 + self.pageYOffset;

if ((whichIt.left + whichIt.clip.width) >= (window.innerWidth + self.pageXOffset - 17)) whichIt.left = ((window.innerWidth + self.pageXOffset) - whichIt.clip.width) - 17;

if ((whichIt.top + whichIt.clip.height) >= (window.innerHeight + self.pageYOffset - 17)) whichIt.top = ((window.innerHeight + self.pageYOffset) - whichIt.clip.height) - 17;

return false;

}

return false;

}

function dropIt() {whichIt = null;

if (NS) window.releaseEvents(Event.MOUSEMOVE);

return true;

}

if (NS)

{

window.captureEvents(Event.MOUSEUP | Event.MOUSEDOWN);

window.onmousedown = grabIt;

window.onmousemove = moveIt;

window.onmouseup = dropIt; } if(IE) { document.onmousedown = grabIt;

document.onmousemove = moveIt;

document.onmouseup = dropIt; } if(NS || IE) action = window.setInterval("heartBeat()", 1);

</script>

<tbody>

<tr>

</td>

</tr>

</tbody>

</table>

</div>

2025 年 7 月
一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

发表回复 取消回复

相关文章

发表回复取消回复