PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Свернуть, развернуть блок

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Описание: не toggle

Поиск в теме | Версия для печати

kuller	Отправлено: 16 Марта, 2012 - 18:18:06
Частый посетитель Покинул форум Сообщений всего: 561 Дата рег-ции: Нояб. 2009 Помог: 2 раз(а)	Есть кнопка которая прилипает к правому краю, при клике по ней нужно развернуть содержимое, но разворачиватся должно в лево т.к. кнопка отодвигается в лево и появляется содержимое. Как это оргонизовать?

DeepVarvar	Отправлено: 16 Марта, 2012 - 18:20:31
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	CODE (htmlphp): скопировать код в буфер обмена right: 0; overflow: hidden; width: 0; ----- Шта? Репозиторий?

DelphinPRO	Отправлено: 16 Марта, 2012 - 18:20:46
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	без анимации - просто изменять рамеры показываемого блока с анимацией - изменять размеры дискретно по таймеру на jQuery - есть метод animate() ----- Чем больше узнаю, тем больше я не знаю.

kuller	Отправлено: 16 Марта, 2012 - 18:41:38
Частый посетитель Покинул форум Сообщений всего: 561 Дата рег-ции: Нояб. 2009 Помог: 2 раз(а)	чёт не получается. я плохо понимаю в этом. Может кто напишет?

DelphinPRO	Отправлено: 16 Марта, 2012 - 19:03:46
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	CODE (javascript): скопировать код в буфер обмена jQuery('#button').click(function(){ if (jQuery('#block').width == 0) { jQuery('#block').animate({width:'200px'}, 1000); } else { jQuery('#block').animate({width:'0px'}, 1000); } }); как-то так (Отредактировано автором: 16 Марта, 2012 - 19:04:07) ----- Чем больше узнаю, тем больше я не знаю.

DeepVarvar	Отправлено: 16 Марта, 2012 - 22:14:30
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	0) Сократим слегка и улучшим. 1) Уберем "память" быстрых кликов сбросив очередь ожидания таймера анимации. 2) Вынесем наружу настройку ширины (m = 200). CODE (javascript): скопировать код в буфер обмена var m = 200, w, s = $('#button'), b = $('#block'); s.click(function(){ w = (b.width() == 0)?m:0; b.animate({width:w}, {duration:1000, queue:false}); }); ----- Шта? Репозиторий?

kuller	Отправлено: 17 Марта, 2012 - 10:00:29
Частый посетитель Покинул форум Сообщений всего: 561 Дата рег-ции: Нояб. 2009 Помог: 2 раз(а)	чёт не работает. Вот сам накалякал CODE (htmlphp): скопировать код в буфер обмена <style type="text/css"> .add { background-color:#67E667; border:1px solid; width: 100px; float: right; } #text2 { display:none; } #btn {float: right;} </style> <script type="text/javascript"> $(document).ready(function(){ $("#btn").click(function(){ $("#cart").addClass("add"); $("#cart").animate({width:150},2000); $("#text2").show(2000); $("#btn").click(function(){ $("#text2").hide(2000); $("#cart").hide(2000); $("#cart").animate({width:100},2000); }); }); }); </script> <div id="cart"> <div id="text2">Корзина пустая</div> </div> <a id="btn" href="#">Корзина</a> только теперь при повторных кликах незнаю как зделать чтоб сново свернулось и развернулось. Может кто подправит...

DelphinPRO	Отправлено: 17 Марта, 2012 - 10:27:10
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	держите http://jsfiddle[dot]net/YPKzb/ ----- Чем больше узнаю, тем больше я не знаю.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.