В этой статье описывается метод JS для определения столкновений. Поделитесь этим для вашей ссылки. Детали следующие:
JS Duding Sultision Метод столкновения:
Скопируйте код следующим образом:/**, чтобы определить, сталкивается ли он
* @param obj оригинальный объект
* @param dobj целевой объект
*/
Влияние функции (obj, dobj) {
var o = {
X: getDefaultStyle (obj, 'Left'),
Y: GetDefaultStyle (obj, 'top'),
W: GetDefaultStyle (obj, 'ширина'),
H: getDefaultStyle (obj, «высота»)
}
var d = {
X: GetDefaultStyle (DOBJ, 'LEAL'),
y: getDefaultStyle (dobj, 'top'),
W: GetDefaultStyle (DOBJ, 'ширина'),
H: getDefaultStyle (DOBJ, «высота»)
}
var px, py;
px = ox <= dx? DX: OX;
py = oy <= dy? Да: Ой;
// определить, находятся ли точки в обоих объектах
if (px> = ox && px <= ox + ow && py> = oy && py <= oy + oh && px> = dx && px <= dx + dw && py> = dy && py <= dy + dh) {
вернуть истину;
} еще {
вернуть ложь;
}
}
/** Получить свойства объекта
* @param obj объект
* @param атрибут атрибута
*/
функция getDefaultstyle (obj, attribute) {
return parseint (obj.currentStyle? obj.currentStyle [attribute]: document.defaultView.getComputEdStyle (obj, false) [атрибут]);
}
Примеры следующие:
Скопируйте код следующим образом: <! Doctype html public "-// w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<голова>
<title> Демо </title>
<стиль типа = "text/css">
Body {margin: 0px;}
.main {позиция: относительно;}
#f1 {position: Absolute; Фон:#FF0000; Верх: 100px; Слева: 100px; Ширина: 200px; Высота: 200px; z-index: 999}
#f2 {position: Absolute; Фон:#ffff00; Верх: 0px; слева: 0px; Ширина: 600px; Высота: 150px;}
</style>
</head>
<тело>
<div>
<div id = "f1"> </div>
<div id = "f2"> </div>
</div>
<script type = "text/javascript">
var O = document.getElementById ("f1");
var d = document.getElementbyId ("f2");
предупреждение (воздействие (O, D));
Влияние функции (obj, dobj) {
var o = {
X: getDefaultStyle (obj, 'Left'),
Y: GetDefaultStyle (obj, 'top'),
W: GetDefaultStyle (obj, 'ширина'),
H: getDefaultStyle (obj, «высота»)
}
var d = {
X: GetDefaultStyle (DOBJ, 'LEAL'),
y: getDefaultStyle (dobj, 'top'),
W: GetDefaultStyle (DOBJ, 'ширина'),
H: getDefaultStyle (DOBJ, «высота»)
}
var px, py;
px = ox <= dx? DX: OX;
py = oy <= dy? Да: Ой;
// определить, находятся ли точки в обоих объектах
if (px> = ox && px <= ox + ow && py> = oy && py <= oy + oh && px> = dx && px <= dx + dw && py> = dy && py <= dy + dh) {
вернуть истину;
} еще {
вернуть ложь;
}
}
функция getDefaultstyle (obj, attribute) {
return parseint (obj.currentStyle? obj.currentStyle [attribute]: document.defaultView.getComputEdStyle (obj, false) [атрибут]);
}
</script>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.