ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jquery 2 diva как шторы одновременно в разные стороны сжать
7 сообщений из 7, страница 1 из 1
jquery 2 diva как шторы одновременно в разные стороны сжать
    #38809777
Dadont
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dadont
Участник
Подскажите, плиз, как сделать

один чтоб влево, другой вправо
делаю
$("#rigthdiv").animate({'width':'-50%'},3000);
$("#leftdiv").animate({'width':'-50%'},3000);
они сжимаются к центру

css
#leftdiv, #rigthdiv {
background-color:red;
width:49%;
height:100%;
display: inline-block;
}

Спасибо.
...
Рейтинг: 0 / 0
18.11.2014, 16:07
| Ответить | Цитировать | Написать  
jquery 2 diva как шторы одновременно в разные стороны сжать
    #38809795
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Dadontони сжимаются к центру
Так смотря ка ты их расположил... Делай полный тестовый пример, а не огрызки кода.
...
Рейтинг: 0 / 0
18.11.2014, 16:19
| Ответить | Цитировать | Написать  
jquery 2 diva как шторы одновременно в разные стороны сжать
    #38809962
Dadont
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dadont
Участник
krvsaDadontони сжимаются к центру
Так смотря ка ты их расположил... Делай полный тестовый пример, а не огрызки кода.
Ну примерно так:
<html>
<head>
<style>
#mainpic {

height: 45%;
width: 84%;
text-align:center;
background-color: Aquamarine
}
#leftmain, #rigthmain {
background-color:red;
width:49%;
height:100%;
display: inline-block;
}

</style>
<script src="//yandex.st/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div id="mainpic" >
<div id="leftmain" ></div>
<div id="rigthmain" ></div>
</div>
</body>
<script>
$(document).ready(function(){
$("#rigthmain").animate({'width':'-50%'},3000);
$("#leftmain").animate({'width':'-50%'},3000);
});
</script>
</html>
...
Рейтинг: 0 / 0
18.11.2014, 18:04
| Ответить | Цитировать | Написать  
jquery 2 diva как шторы одновременно в разные стороны сжать
    #38809983
Dadont
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dadont
Участник
Dadont<script src="//yandex.st/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

<script src=" http://yandex.st/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
Вот тут исправил
...
Рейтинг: 0 / 0
18.11.2014, 18:29
| Ответить | Цитировать | Написать  
jquery 2 diva как шторы одновременно в разные стороны сжать
    #38810305
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Dadont
Код: css
1.
2.
3.
4.
5.
6.
		#mainpic {
			text-align:center;		
		}
		#leftmain, #rigthmain {
			display: inline-block;
}


Потому они к центру и съезжаются...
...
Рейтинг: 0 / 0
19.11.2014, 08:30
| Ответить | Цитировать | Написать  
jquery 2 diva как шторы одновременно в разные стороны сжать
    #38810307
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Вот работающий пример...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
* {
	margin: 0;
	padding: 0;
}
html,
body {
	width: 100%;
	height: 100%;
}
#mainpic {
	height: 45%;
	width: 84%;
	background-color: Aquamarine;
	border: 1px solid;
}
#leftmain {
	float: left;
}
#rigthmain {
	float: right;
}
#leftmain, 
#rigthmain {
	width:49%; 
	height:100%;
	background-color:red; 
}
</style>
<script type='text/javascript'>
$(function(){
	$("#rigthmain").animate({'width':'-50%'},3000);
	$("#leftmain").animate({'width':'-50%'},3000);
});
</script>
</head>
<body> 
<div id="mainpic">
	<div id="leftmain">leftmain</div>
	<div id="rigthmain">rigthmain</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
19.11.2014, 08:38
| Ответить | Цитировать | Написать  
jquery 2 diva как шторы одновременно в разные стороны сжать
    #38810329
Dadont
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dadont
Участник
krvsa, спасибо огромное!!!
...
Рейтинг: 0 / 0
19.11.2014, 09:18
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jquery 2 diva как шторы одновременно в разные стороны сжать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=85&tid=1446511]:
 0ms
get settings:
 15ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 54ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 47ms
get tp. blocked users:
 1ms
others: 250ms
total:  403ms
созд. / загр.: 403ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]