jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

init

Browse source
This commit is contained in:
Ilya Kantor 2014-10-26 22:10:13 +03:00
parent 06f61d8ce8
commit f301cb744d
2271 changed files with 103162 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
02-ui/05-widgets/06-widget-tasks/01-tooltip-over-element/task/.plnkr Executable file
View file

@ -0,0 +1 @@
{"name":"tooltip-fixed-src","plunk":"2Eby2s4DjitZTVisptW9"}

50
02-ui/05-widgets/06-widget-tasks/01-tooltip-over-element/task/index.html Executable file
View file

@ -0,0 +1,50 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery.min.js"></script>
<style>
body {
height: 2000px; /* подсказка должна работать независимо от прокрутки */
}
.tooltip {
/* ваш стиль */
}
</style>
</head>
<body>
<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
<a href="#" id="link">Ссылка с <i>подсказкой</i></a>
<a href="#" id="link2">Еще ссылка</a>
<script>
// должно работать даже если страница имеет прокрутку
// подсказка должна перекрывать текст под ней
// подсказка не должна вылезать за экран
function Tooltip(options) {
/* ваш код */
}
new Tooltip({
elem: $('#link'),
html: "подсказка длиннее, чем элемент"
});
new Tooltip({
elem: $('#link2'),
html: "HTML<br>подсказка",
offset: 0
});
</script>
</body>
</html>