Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей.
Здесь обсуждаются безопасность, программирование, технологии и многое другое.
Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
 |
прокрутка картинки от одного стороны экрана до другой (jquery) |
23.04.2010, 00:06
|
|
Участник форума
Регистрация: 28.07.2007
Сообщений: 177
Провел на форуме:
274360
Репутация:
5
|
|
прокрутка картинки от одного стороны экрана до другой (jquery)
суть карабль должен выплывать с лева и доплывать до права и исчезать и появться снова слева
примерная функция jquery
PHP код:
$(".carabl").animate({"left": "+=200px"}, "slow"); $(".carabl").animate({"left": "-=400px"}, "slow"); $(".carabl").animate({"left": "+=200px"}, "slow");
счас карабль катает туда сюда - обратно
а надо чтоб слева выплывал доплывал до права и снова выплывал с лева  |
|
|
23.04.2010, 00:17
|
|
Участник форума
Регистрация: 28.07.2007
Сообщений: 177
Провел на форуме:
274360
Репутация:
5
|
|
пример http://www.ilovesanya.ru/
|
|
|
|
23.04.2010, 00:50
|
|
Познающий
Регистрация: 27.04.2009
Сообщений: 87
Провел на форуме:
140663
Репутация:
34
|
|
Ну так, доведите его до края экрана, уведите за край, затем перебросте в начальное положение и все заново.
Примерно так (предполагаю что ширина корбаля 100px а экрана 1280)
PHP код:
$(".carabl").css({"left": "-100px"});
while (false) {
$(".carabl").animate{"left": "1280px"}, "slow", function() {
$(".carabl").css({"left": "-=100px"});
});
}
Последний раз редактировалось $now; 23.04.2010 в 00:54..
|
|
|
|
23.04.2010, 10:16
|
|
Участник форума
Регистрация: 28.07.2007
Сообщений: 177
Провел на форуме:
274360
Репутация:
5
|
|
а если мне надо не 1280px а 100% тоесть шапка резиновая..
|
|
|
|
23.04.2010, 10:18
|
|
Участник форума
Регистрация: 07.09.2008
Сообщений: 139
Провел на форуме:
351188
Репутация:
65
|
|
ufalog, если у тебя шапка с id #head
Код:
$(".carabl").css({"left": "-100px"});
while (false) {
$(".carabl").animate{"left": ($("#head").width() + 100) + "px"}, "slow", function() {
$(".carabl").css({"left": "-=100px"});
});
}
З.Ы.: Если не сработает, то parseInt($("#head").width())
|
|
|
|
23.04.2010, 10:58
|
|
Познающий
Регистрация: 27.04.2009
Сообщений: 87
Провел на форуме:
140663
Репутация:
34
|
|
ufalog
Ну подгони под свою верстку. Грубо говоря тебе нужно написать два css, для корабля в крайних положениях, остальное дело техники.
Можно даже написать два разных класса corabl1 и corabl2 и их переключать.
Сообщение от Byte_
parseInt($("#head").width())
Я просто умножаю на единичку.
Последний раз редактировалось $now; 23.04.2010 в 11:01..
|
|
|
|
23.04.2010, 11:15
|
|
Участник форума
Регистрация: 03.09.2009
Сообщений: 179
Провел на форуме:
1014907
Репутация:
90
|
|
Сам придумал себе сложность, всё делается без js:
Код HTML:
<marquee behavior="alternate" direction="right" loop="0" scrollamount="5"><img src="http://egoweb.ru/headerbar_object_sailboot.png"></marquee>
|
|
|
|
23.04.2010, 16:32
|
|
Участник форума
Регистрация: 28.07.2007
Сообщений: 177
Провел на форуме:
274360
Репутация:
5
|
|
Сообщение от WNZRS
Сам придумал себе сложность, всё делается без js:
Код HTML:
<marquee behavior="alternate" direction="right" loop="0" scrollamount="5"><img src="http://egoweb.ru/headerbar_object_sailboot.png"></marquee>
так то оно да.. но уж больно они рывками получается...в ие8 ваще он скачет по 2 см так что лутше на джаве
|
|
|
|
23.04.2010, 16:57
|
|
Познающий
Регистрация: 27.04.2009
Сообщений: 87
Провел на форуме:
140663
Репутация:
34
|
|
WNZRS
Не понимаю, что сложного в использовании js.
|
|
|
|
|
|
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|
Похожие темы
Линейный вид
