Приднестровская поддержка XOOPS
position() - получает значение позиции элемента сверху и слева относительно отступов его «родителя»..
Метод возвращает объект с двумя свойствами:
• top — смещение сверху;
• left — смещение слева.
Выведем положение элемента при щелчке на нем .
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Методы offset() и position()</title>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
$("p").one("click", function() {
var elem = $(this);
var obj1 = elem.offset();
var obj2 = elem.position();
var msg = "Offset top: " + obj1.top + " left: " + obj1.left;
msg += " Position top: " + obj2.top + " left: " + obj2.left;
elem.html(msg);
});
});
//-->
</script>
</head>
<body>
<p>Абзац 1</p>
<div style="margin:20px;padding:15px;border: black 2px
dotted;">
<p style="margin:10px;">Абзац 2</p>
</div>
Щелкните на абзаце
</body>
</html>
Отправитель | Нити |
---|
6 пользователь(ей) активно (5 пользователь(ей) просматривают Инструкции)
Участников: 0 Гостей: 6 далее... |