Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 19.01.2011, 16:24   #1
Drek
Пользователь
 
Регистрация: 28.02.2009
Сообщений: 52
По умолчанию движение элемента по экрану

Добрый день.
Мне нужно сделать так что бы рисунок медленно проплыл вдоль экрана и исчез за рамками экрана. Я написал примерно так
Код HTML:
	setInterval(function() {
	var sum;
	sum = 267+$(window).width();
	$('#news_fly').animate({left: "+="+sum}, 12000);
	$('#news_fly').animate({left: "-="+sum}, 0);
	}, 24000);
Код HTML:
<div id="news_fly"><img src="img/fly.png" width="267" height="131" /></div>
Код HTML:
#news_fly
{
	position:absolute; 
	margin-left:-267px;
}
Но проблема этого скрипта в том что после того как он заходит за область экрана браузера появляется полоса прокрутки, а это крайне не желательно.
Что делать?
Заранее спасибо.
Drek вне форума Ответить с цитированием
Старый 19.01.2011, 16:56   #2
spein
Программист
Форумчанин
 
Аватар для spein
 
Регистрация: 27.02.2009
Сообщений: 505
По умолчанию

условия!
Код:
function Wwidth()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

if(Wwidth() > (elem.style.left - elem.style.width))) {
element.style.display='none';
}
Типо такого
there are no limits when you're software engineer
spein вне форума Ответить с цитированием
Старый 19.01.2011, 17:34   #3
Drek
Пользователь
 
Регистрация: 28.02.2009
Сообщений: 52
По умолчанию

Ну так он исчезнет сразу же как прикоснется к границе.
Если я конечно правильно вставил код.
Просьба отвечать с измененным кодом моего примера.
Drek вне форума Ответить с цитированием
Старый 19.01.2011, 22:12   #4
spein
Программист
Форумчанин
 
Аватар для spein
 
Регистрация: 27.02.2009
Сообщений: 505
По умолчанию

Я б изначально так как ты не делал.
Вот мой вариант:
Код:
function Wwidth()

{

  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;

}
var news = setInterval(function() {
if(Wwidth==($("#news_fly").style.width + $("#news_fly").style.left)) {
$("#news_fly").fadeOut("slow", function() {clearInterval(news);});
} else {
$('#news_fly').animate({left: "+="+sum}, 12000);
}
}, 24000);
there are no limits when you're software engineer
spein вне форума Ответить с цитированием
Старый 19.01.2011, 22:13   #5
spein
Программист
Форумчанин
 
Аватар для spein
 
Регистрация: 27.02.2009
Сообщений: 505
По умолчанию

Я б изначально так как ты не делал.
Вот мой вариант:
Код:
function Wwidth()

{

  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;

}
var news = setInterval(function() {
if(Wwidth()==($("#news_fly").style.width + $("#news_fly").style.left)) {
$("#news_fly").fadeOut("slow", function() {clearInterval(news);});
} else {
$('#news_fly').animate({left: "+="+sum}, 12000);
}
}, 24000);
P.S. могут быть ошибки
there are no limits when you're software engineer

Последний раз редактировалось spein; 20.01.2011 в 17:17.
spein вне форума Ответить с цитированием
Старый 19.01.2011, 22:57   #6
Drek
Пользователь
 
Регистрация: 28.02.2009
Сообщений: 52
По умолчанию

У меня в crome не подхватывается скрипт
Drek вне форума Ответить с цитированием
Старый 20.01.2011, 17:17   #7
spein
Программист
Форумчанин
 
Аватар для spein
 
Регистрация: 27.02.2009
Сообщений: 505
По умолчанию

Нашел ошибку. Правь
there are no limits when you're software engineer
spein вне форума Ответить с цитированием
Старый 23.01.2011, 18:13   #8
Drek
Пользователь
 
Регистрация: 28.02.2009
Сообщений: 52
По умолчанию

А что вообще означает эта команда?
Код:
document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
Drek вне форума Ответить с цитированием
Старый 23.01.2011, 18:25   #9
spein
Программист
Форумчанин
 
Аватар для spein
 
Регистрация: 27.02.2009
Сообщений: 505
По умолчанию

Ширина окна пользователя
there are no limits when you're software engineer
spein вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Перемещение курсора мыши по экрану Илья2204 Общие вопросы C/C++ 1 08.12.2010 13:34
Квадрат летающий по экрану 29AHexNumber Помощь студентам 2 14.12.2009 15:37
Программное перемещение указателя мыши по экрану. LENINGOLD Общие вопросы Delphi 3 30.11.2009 01:58
Движение по экрану girkoff Общие вопросы C/C++ 1 26.11.2009 18:28