суть карабль должен выплывать с лева и доплывать до права и исчезать и появться снова слева примерная функция jquery PHP: $(".carabl").animate({"left": "+=200px"}, "slow"); $(".carabl").animate({"left": "-=400px"}, "slow"); $(".carabl").animate({"left": "+=200px"}, "slow"); счас карабль катает туда сюда - обратно а надо чтоб слева выплывал доплывал до права и снова выплывал с лева
Ну так, доведите его до края экрана, уведите за край, затем перебросте в начальное положение и все заново. Примерно так (предполагаю что ширина корбаля 100px а экрана 1280) PHP: $(".carabl").css({"left": "-100px"}); while (false) { $(".carabl").animate{"left": "1280px"}, "slow", function() { $(".carabl").css({"left": "-=100px"}); }); }
ufalog, если у тебя шапка с id #head Code: $(".carabl").css({"left": "-100px"}); while (false) { $(".carabl").animate{"left": ($("#head").width() + 100) + "px"}, "slow", function() { $(".carabl").css({"left": "-=100px"}); }); } З.Ы.: Если не сработает, то parseInt($("#head").width())
ufalog Ну подгони под свою верстку. Грубо говоря тебе нужно написать два css, для корабля в крайних положениях, остальное дело техники. Можно даже написать два разных класса corabl1 и corabl2 и их переключать. Я просто умножаю на единичку.
Сам придумал себе сложность, всё делается без js: HTML: <marquee behavior="alternate" direction="right" loop="0" scrollamount="5"><img src="http://egoweb.ru/headerbar_object_sailboot.png"></marquee>
так то оно да.. но уж больно они рывками получается...в ие8 ваще он скачет по 2 см так что лутше на джаве