Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.11.2011, 20:48
Новичок на форуме
Отправить личное сообщение для Wolf Life Посмотреть профиль Найти все сообщения от Wolf Life
 
Регистрация: 27.11.2011
Сообщений: 4

Помогите с хейдером!!!
Помогите полному чайнику плс!!!
https://forum.jquery.com/viewImage.d...37000000003003
Надо чтоби на клик бо белому блоку он пересунулса в лево на 200-300пикселей при втором клике назад. как ето сделать?
Изображения:
Тип файла: jpg Без назви-1.jpg (15.3 Кб, 8 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 29.11.2011, 00:13
Новичок на форуме
Отправить личное сообщение для Wolf Life Посмотреть профиль Найти все сообщения от Wolf Life
 
Регистрация: 27.11.2011
Сообщений: 4

НАшел но чето нероботает в чом проблема?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
.blockBlue {
	width:1000px;
	height:100px;
	background:url(1.png);
	
	

	
}
.whiteDiv {
	height: 100px;
	background-image: url(2.png);
	background-repeat: no-repeat;
	
}
</style>

 
</head>

<body>

<div class="blockBlue" ><div class="whiteDiv" id="go" >111111111111111111111111</div></div>

<script>
$("#whiteDiv").toggle(function() {
            $(this).stop(true, true).animate({left: "-=100"});
      }, function() {
            $(this).stop(true, true).animate({left: "-=100"});

      }, function() {
            $(this).stop(true, true).animate({left: "+=200"});

      });

</script>



</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 29.11.2011, 09:08
Аватар для ksa
ksa ksa на форуме
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от Wolf Life
но чето нероботает в чом проблема?
Возможно поможет

.whiteDiv {
*!*
	position: relative;
*/!*
	height: 100px;
	background-image: url(2.png);
	background-repeat: no-repeat;
}


Но сам код я не проверял...
Ответить с цитированием
  #4 (permalink)  
Старый 29.11.2011, 19:22
Новичок на форуме
Отправить личное сообщение для Wolf Life Посмотреть профиль Найти все сообщения от Wolf Life
 
Регистрация: 27.11.2011
Сообщений: 4

Спс....Нероботает((

Как зделать чтоби оно так двигалось но щелчком на белий блок он двигаетса влево повторнии назад на свое место?

<html>
<head>
<title>Image Mover</title>
<style>
DIV.movable {
	position:absolute;
	position: relative;
	height: 100px;
	width:300px;
	background-repeat: no-repeat;
	float:right;
	background-color: #CCC;
	}
.blockBlue {
	width:1000px;
	height:100px;
	background-color: #06F;	
	

	
}

</style>
<script language="javascript">
var x = 0; //Starting Location - left
var y = 0; //Starting Location - top
var dest_x = 300;  //Ending Location - left
var dest_y = 300;  //Ending Location - top
var interval = 10; //Move 10px every initialization

function moveImage() {
	//Keep on moving the image till the target is achieved
	if(x<dest_x) x = x + interval; 
	
	
	//Move the image to the new location
	document.getElementById("ufo").style.top  = y+'px';
	document.getElementById("ufo").style.left = -x+'px';

	if ((x+interval < dest_x) && (y+interval < dest_y)) {
		//Keep on calling this function every 100 microsecond 
		//	till the target location is reached
		window.setTimeout('moveImage()',100);
	}
}
</script>
</head>
<body onLoad="moveImage()">
<div class="blockBlue"><div id="ufo" class="movable">

</div></div>

</body>
</html>

Последний раз редактировалось Wolf Life, 29.11.2011 в 19:27.
Ответить с цитированием
  #5 (permalink)  
Старый 29.11.2011, 22:29
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от Wolf Life
06 position:absolute;
07 position: relative;
может с начала основы css выучить? а?
Ответить с цитированием
  #6 (permalink)  
Старый 04.12.2011, 15:45
Новичок на форуме
Отправить личное сообщение для Wolf Life Посмотреть профиль Найти все сообщения от Wolf Life
 
Регистрация: 27.11.2011
Сообщений: 4

Все решил проблему))) https://forum.jquery.com/topic/need-help-heder-slide
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Элементарный скрипт не раборает только в IE, помогите! androlic Элементы интерфейса 6 23.03.2011 18:37
Прелоадер (помогите разобраться) xsfd AJAX и COMET 6 16.09.2010 02:30
Помогите! Многоуровневые вкладки! sergeeeeee Элементы интерфейса 2 02.08.2010 23:50
Помогите новичку с выпадающим списком interest Элементы интерфейса 5 19.05.2010 13:15
Помогите разобраться с галереей IMAGIN yana_studio Общие вопросы Javascript 4 12.12.2009 17:24