Изображение следует за курсором

Question

Изображение следует за курсором

0

Мне нужна помощь, пытающаяся сделать следующее:

Один: нажмите один раз, чтобы начать изображение. Два: нажмите еще раз, чтобы остановить изображение. Три: он уведомит, в каком из двух состояний находится пользователь.

Ниже приведен пример кода jfiddle.

$(document).mousemove(function (e) {
    $("#giraffeImg").stop().animate({
        left: e.pageX,
        top: e.pageY
    });
});

http://jsfiddle.net/sure1thing/5q8zH/4/

благодаря

nkmol 12 нояб. 2013, в 08:24

Источник

0

до сих пор неясно понять вашу проблему.
Bhojendra Rauniyar 12 нояб. 2013, в 06:49

Теги:

javascript

jquery

2 ответа

0

Попробуйте этот код: -

Ссылка на скрипку

$(document).ready(function(){
        var count = 0,
        anim = function(e){
        $("#giraffeImg").stop().animate({left:e.pageX,      top:e.pageY});
    }


    $(this).click(function(e){
        count += 1;

        if(count % 2){
        console.log('Animation started')

        $(this).on('mousemove',anim);  

        }else{
         $(this).off('mousemove', anim);

         console.log('Animation finished')
        }
})  

})

Sujata Chanda 12 нояб. 2013, в 04:36

0

Можете ли вы сказать мне, что, если заявление пытается сделать? if (count% 2) {
user2829045 13 нояб. 2013, в 03:09
0

Как я могу остановить повторение сообщения в <h2 id = "giraffelocation"> </ h2>? Я хотел бы, чтобы сообщение отображалось внутри div, когда жираф движется. При повторном нажатии сообщение будет заменено другим сообщением. ссылка jfiddle
user2829045 13 нояб. 2013, в 05:21
0

Вместо добавления используйте html.
Sujata Chanda 13 нояб. 2013, в 05:49

Показать ещё 1 комментарий

Ещё вопросы

до сих пор неясно понять вашу проблему.
Можете ли вы сказать мне, что, если заявление пытается сделать? if (count% 2) {
Как я могу остановить повторение сообщения в <h2 id = "giraffelocation"> </ h2>? Я хотел бы, чтобы сообщение отображалось внутри div, когда жираф движется. При повторном нажатии сообщение будет заменено другим сообщением. ссылка jfiddle
Вместо добавления используйте html.

nkmol · Accepted Answer · 2013-11-12T05-30-00.000Z

Как насчет этого:

var follow = false;
$(document).on('mousemove', function(e)
{
    //console.log(e.pageX);
    if(follow)
    {
        //alert('follow true');
        $('#image').animate({
            left: e.pageX,
            top: e.pageY
        }, 0)
    }
})

$(document).click(function()
{
    if(follow)
    {  
        follow = false; 
    }
    else
    {
        follow = true;   
    }
})

jsFiddle

Я просто использую "флаг" для запуска и остановки анимации.