Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.02.2014, 19:20
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

движение фона за мышкой
Здравствуйте, как заставить элемент двигаться в зависимости от того в какую сторону по оси х передвинута мышь при этом после остановки мыши объект должен продолжать движение с затуханием?
А если конкретно то объясните пожалуйста как здесь сделан свет на заднем плане и тениhttp://fw13.soniarykiel.com/en/looks/look10

Последний раз редактировалось imediasun1, 02.02.2014 в 19:26.
Ответить с цитированием
  #2 (permalink)  
Старый 02.02.2014, 20:42
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от imediasun1
как заставить элемент двигаться в зависимости от того в какую сторону по оси х передвинута мышь при этом после остановки мыши объект должен продолжать движение с затуханием?
Может таки тебе начать с каких-то азов?
Т.е. с того, что ты все же в состоянии сделать самостоятельно...
Ответить с цитированием
  #3 (permalink)  
Старый 03.02.2014, 00:07
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

А кто нибудь еще знает ответ? У меня просто проект который мне надо осуществить вот я и пользуюсь всегда помощью на форуме, и всегда очень благодарен тем кто помогает, кстати у вас всегда ответ только ссылка на учебник

Последний раз редактировалось imediasun1, 03.02.2014 в 00:11.
Ответить с цитированием
  #4 (permalink)  
Старый 03.02.2014, 00:27
Аватар для hfts_rider
Профессор
Отправить личное сообщение для hfts_rider Посмотреть профиль Найти все сообщения от hfts_rider
 
Регистрация: 26.01.2014
Сообщений: 181

В данный момент вы просите что бы за вас сделали работу.
На форуме обычно общаются те, которые не могут разобраться с определенной проблемой в коде или просят совет с чего начать и тд.

Вам нужно просто искать "веблансера" который за вас это сделает (обычно за такое берут деньги).
Ответить с цитированием
  #5 (permalink)  
Старый 03.02.2014, 01:14
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

нет я делаю сам, с фоном уже разобрался, если вы знаете то почему бы не подсказать, фон сделал вот так, погуглил немного и нашел, с тенями разобраться не могу
$(document).ready(function(){
   
   element = $('.light')
$(window).mousemove(function(e){
     element.css('left',(e.pageX)/7+'px');
})
});

там 3д трансформация в зависимости от положения мыши, если знаете подскажите буду весьма признателен
например подскажите как сделать такое , вот есть pageX, как сделать так когда он увеличмвается увеличивать определенную переменную а когда он уменьшается уменьшать ее пропорционально ему

Последний раз редактировалось imediasun1, 03.02.2014 в 01:46.
Ответить с цитированием
  #6 (permalink)  
Старый 03.02.2014, 02:11
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

просто подскажите пожалуйста как при движении мыши влево переменную х уменьшать от 1.5 до 1 а переменную у увеличивать от 1 до 1.5 пропорционально движению мыши и наоборот при движении мыши вправо переменную х увеличивать от 1.5 до 2 а переменную у уменьшать от 1 до 0.5 вот с такой логикой у меня честно признаюсь возникают проблемы, а в остальном я в процессе роста как и вы в свое время

Последний раз редактировалось imediasun1, 03.02.2014 в 02:26.
Ответить с цитированием
  #7 (permalink)  
Старый 03.02.2014, 05:25
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Вместо свистелок и перделок занялись бы контентом. Нет у Сони никакой 3Д трансформации, там две картинки - http://fw13.soniarykiel.com/img/look...ed_ShadowR.png - это правая, левая с буквой L - которые плющит и таращит js.
Ответить с цитированием
  #8 (permalink)  
Старый 03.02.2014, 13:48
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

как сделать такое с тенями, приведите пример чтобы тени синхронно сжимались и расширялись в зависимости от движения мышью, там использован scale3d, как это сделать практически?
Ответить с цитированием
  #9 (permalink)  
Старый 05.02.2014, 12:12
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Привести пример не могу - уперся рогом, не идет. И вам не советую. Сайты дизайнеров убитые изначально. Никто туда без полкило виски не заходит. А у вас насколько я помню - вопрос экологии.
Ответить с цитированием
  #10 (permalink)  
Старый 06.02.2014, 14:05
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

нет это сайт уже другой, здесь обязательно необходимо движение теней, если кто знает как это осуществить, помогите пожалуйста
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Появление затемненного фона на картинке hoax Events/DOM/Window 9 13.09.2013 14:54
увеличение картинки при наведении мышкой Sereban jQuery 10 31.08.2011 14:50
Алгоритм плавной смены фона или изображения vandy3 Общие вопросы Javascript 6 11.11.2010 00:56
случайная смена фона сайта на jquery Netherlandman jQuery 8 25.08.2010 03:11
Движение объекта в ячейке определённого размера lammeR Общие вопросы Javascript 4 20.04.2010 17:14