Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.05.2011, 19:59
Интересующийся
Отправить личное сообщение для Елена1991 Посмотреть профиль Найти все сообщения от Елена1991
 
Регистрация: 16.05.2011
Сообщений: 10

«Анимированная кнопка»
помогите, пожалуйста!!!!как разработать сценарий, который меняет размер размещенной на веб-странице кнопки за счет вывода на нее надписи путем прибавления или удаления по одной букве.
Ответить с цитированием
  #2 (permalink)  
Старый 25.05.2011, 21:30
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,577

Хз правильно ли я понял, вот решение на коленке:
<script type="text/javascript">
function XZ(elem,str,speed) { //если второй параметр строка - идёт прибавление, иначе урезание
speed||(speed=100);
	if(typeof str == 'string'){
		var i=0, l=str.length;
		(function(){
			elem.value+=str.charAt(i++); 
			i<l&&setTimeout(arguments.callee,speed)
		})()
	}
	else{
		(function(){
			(elem.value=elem.value.slice(0,-1))&&setTimeout(arguments.callee,str||speed)
		})()
	}
}
</script>

<input type="button" value='Кнопка' onclick="XZ(this,1000)"/>
<input type="button" value='Кнопка' onclick="XZ(this)"/>
<input type="button" value='Кнопка' onclick="XZ(this,' - длинная')"/>
<input type="button" value='Кнопка' onclick="XZ(this,' - длинная',300)"/>
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 25.05.2011, 21:32
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Aetae, опередил...
Ответить с цитированием
  #4 (permalink)  
Старый 25.05.2011, 21:34
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,577

Я всю торговлю обломал.)
Эх так всегда когда что-то нужно делать неприятное - занимаюсь фигнёй.=\
__________________
29375, 35
Ответить с цитированием
  #5 (permalink)  
Старый 25.05.2011, 21:35
Аватар для DreamTheater
Профессор
Отправить личное сообщение для DreamTheater Посмотреть профиль Найти все сообщения от DreamTheater
 
Регистрация: 15.02.2011
Сообщений: 471

Если кнопке не заданы жесткие размеры при помощи CSS, то она сама меняет ширину в зависимости от длины заголовка.

Только что попробовал, кнопка сама сжимается-разжимается.
Ответить с цитированием
  #6 (permalink)  
Старый 25.05.2011, 21:41
Интересующийся
Отправить личное сообщение для Елена1991 Посмотреть профиль Найти все сообщения от Елена1991
 
Регистрация: 16.05.2011
Сообщений: 10

спасибо огромное-огромное!!!!!
Ответить с цитированием
  #7 (permalink)  
Старый 25.05.2011, 21:43
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Елена1991, ты учиться вообще собираешся?
Ответить с цитированием
Ответ



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

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