Привет, я борюсь с проблемой jquery, что мне нужно, скользящими линиями внутри границ изображения. Есть четыре строки, и я хочу, чтобы они скользнули внутрь границы, когда страница загружена. Первая строка должна скользить вниз; второй слева направо; третий - сверху вниз и четвертый справа налево.
Надеюсь, что мой вопрос ясен.
(указанные линии красные)
Вам не нужно JS для этого. Вот простой способ CSS выполнить эту анимацию onload, используя keyframes
. Если вы не хотите поддерживать старые браузеры, этот метод должен работать.
Вот демонстрация, которая использует только css.
Он в основном использует @keyframes
для решения проблемы.
Я покажу первые два, вы можете сделать два других
function slideLine1(){ $('#line1').animate({width: '100%'}, 1000, slideLine2); }
function slideLine2(){ $('#line2').animate({width: '100%'}, 1000, slideLine3); }
Это сработает. Однако вы можете сделать это с помощью 1 функции, вызывающей себя и переменной i
. Это будет зависеть от вас.
Существуют и другие методы, это очень простой пример. Совет. Посмотрите на цепочку jQuery.