init

02-ui/05-widgets/06-widget-tasks/02-moving-tooltip/task.md

@@ -0,0 +1,34 @@
+# Подсказка, следующая за курсором
+
+[importance 4]
+
+Создайте всплывающую подсказку, следующую за курсором. 
+
+<ul>
+<li>Подсказка должна появляться при наведении на элемент, на небольшом расстоянии справа-снизу от курсора.</li>
+<li>При передвижении курсора подсказка следует за ним.</li>
+<li>Если курсор слишком низко/справа, то чтобы подсказка не вылезла за нижнюю/правую границу экрана -- пусть отображается сверху/слева от курсора.</li>
+</ul>
+
+Вы можете посмотреть поведение подсказки в ифрейме ниже, наведя курсор на правый-нижний угол.
+
+[iframe src="solution" height=200 link border=1]
+
+Способ добавления подсказки к элементу:
+
+```js
+new Tooltip({
+  elem: $('#elem'),
+  html: "Вот <b>такая</b> подсказка!")
+});
+```
+
+Естественные пожелания:
+<ul>
+<li>Подсказка не должна "моргать" при движении мыши.</li>
+<li>Подсказка должна правильно работать, если у страницы есть прокрутка.</li>
+<li>В подсказке и элементе, на который она поставлена, может быть произвольный HTML. Оформление подсказки должно задаваться CSS.</li>
+<li>Объект подсказки не должен иметь публичных методов, только приватные.</li>
+</ul>
+
+[edit src="task" task/]