Скрипт цепляет другие div'ы
Будьте здравы, бояре! Есть вопрос
на сайте http://php5lab.com/blog128.html я нашел скрипт с бегающей за курсором подсказкой (вот его работа на отдельной странице http://php5lab.com/jquery/mouse_on.html) <style>
div {
position:absolute;
top:0;
left:0;
padding:5px;
width:200px;
height:100px;
border: 1px solid #283250;
}
</style>
<div>Блок, который постоянно двигается за курсором мышки... Например – подсказка или еще что то:)</div>
<script>
$(document).ready(function(){
$(window).mousemove(function (pos) {
$("div").css('left',(pos.pageX+20)+'px').css('top',(pos.pageY+20)+'px');
});
});
</script>
Проблема в том, что когда добавляешь этот скрипт на страницу с контентом, курсор начинает за собой таскать не только окно подсказки, но и остальные div'ы. Как можно сделать так чтобы скрипт относился к содержимому только одного div'a? |
potap,
а вы в курсе про id? или class? |
Цитата:
|
Цитата:
|
<html onmousemove="
txt.style.left = +event.clientX + 20 + 'px';
txt.style.top = +event.clientY + 20 + 'px';
">
<head>
<style>
#txt {
border: 1px solid #ccc;
width: 200px;
padding: 5px;
position: absolute;
}
</style>
</head>
<body>
<div id="txt">Блок, который постоянно двигается за курсором мышки... Например – подсказка или еще что то:)</div>
</body>
</html>
|
Цитата:
теперь второй вопрос как приделать ко всему этому безобразию управляемые куки (включить/отключить, период хранения) |
уточню вопрос
Хотелось бы, чтобы после 1 клика подсказка пропадала, я так понимаю событие связанное с кликом нужно встроить сюда <script>
$(document).ready(function(){
$(window).mousemove(function (pos) {
$("div").css('left',(pos.pageX+20)+'px').css('top',(pos.pageY+20)+'px');
});
});
</script>
|
| Часовой пояс GMT +3, время: 19:10. |