Как мне создать выдвижную док-станцию для мыши?

#javascript #jquery #javascript-events #mouseevent

#javascript #jquery #mouseevent #jquery-события

Вопрос:

Вот мой текущий код, http://jsfiddle.net/HRZ3D/2 / с его помощью я не смог выполнить следующие действия,

  1. Сделайте так, чтобы сторона док-станции размером 10 пикселей отображалась при наведении курсора мыши на область шириной 10 пикселей, начиная с боковой части окна
  2. Сделайте этот край док-станции интерактивным, чтобы содержимое док-станции появлялось впоследствии или иным образом исчезало, если мышь перемещается
  3. Сделайте так, чтобы содержимое док-станции снова исчезло, как только мышь повторно щелкнула по краю док-станции.
  4. Если я смогу заставить все это работать, я надеюсь, что смогу анимировать это так, чтобы док-станция выглядела так, будто она действительно выдвигается за пределы экрана. Я не знаю, почему мой текущий код не способен выполнить хотя бы первые три действия в этой последовательности, и был бы очень признателен за помощь в этом.

Ответ №1:

Я обновил CSS и изменил jQuery.

Смотрите: http://jsfiddle.net/Kai/LrsGc /

Надеюсь, это поможет вам достаточно приблизиться к тому, где вам нужно быть. 🙂

Комментарии:

1. Определенно, я никогда бы не подумал об этом, но не могли бы вы создать ее версию, в которой она закрывает док-станцию только при нажатии на расширенную границу? Вместо того, чтобы всякий раз, когда вы убираете мышь с док-станции?