Главная /
Введение в jQuery /
Есть код: <!DOCTYPE html> <head> <meta charset="utf-8"> <script src=" jquery-1.12.0.min.js"></script> </head> <style> #target {width:50px; height:50px; background-color: red; border-radius: 25px} </style> &l
Есть код:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script data-src=" jquery-1.12.0.min.js"></script>
</head>
<style>
#target {width:50px;
height:50px;
background-color: red;
border-radius: 25px}
</style>
<body >
<div id="target"></div>
<script>
window.onmousemove = function(){
var x = event.clientX;
var y = event.clientY;
var target = $("#target");
//вставить код………………
}
</script>
</body>
</html>
Дополнить код, чтобы при движении курсора по окну браузера красный круг перемещался за курсором (таким образом, чтобы курсор находился в центре круга) :
вопрос
Правильный ответ:
target.offset({top: y-target.height()/2, left: x-target.width()/2}); target.offset({top: y, left: x}); target.offsetTop(x).offsetLeft(y); target.css({position:"absolute", top: x, left: y}); Сложность вопроса
75
Сложность курса: Введение в jQuery
90
Оценить вопрос
Комментарии:
Аноним
Экзамен сдал на 4 с минусом.!!!
07 июн 2016
Другие ответы на вопросы из темы программирование интуит.
- # Дан код: var a = 1; function getOdd(arg){ var a = 2; if(arg%2){ return arg + a; }else{ a = window.a; return arg + a; } } Что будет возвращено при вызовах – getOdd(1) и getOdd(2) ?
- # Это событие не является событием HTML DOM:
- # $("#accord").slideToggle()
- # Дан код: <!DOCTYPE html> <head> <meta charset="utf-8"> <script data-src="jquery-1.12.0.min.js"></script> </head> <style> div {width: 100px; height: 100px; background - color: blue; position: absolute; top: 150px; } .first {left: 200px} .second {left: 330px} .third {left: 460px} </style> <body > <div class="first"></div> <div class="second"></div> <div class="third"></div> <script> $(".first").fadeToggle(100, function(){ $(".second").fadeToggle(100, function(){$(".first").fadeToggle(100, function(){ $(".third").fadeToggle(100, function(){ $(".second").fadeToggle(100, function(){ $(".third").fadeToggle(100)})})})})}); </script> </body> </html> В каком порядке будут происходить изменения в окне браузера при выполнении данного скрипта?
- # jQuery.data()