Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   «Анимированная кнопка» (https://javascript.ru/forum/misc/17604-animirovannaya-knopka.html)

Елена1991 25.05.2011 19:59

«Анимированная кнопка»
 
помогите, пожалуйста!!!!как разработать сценарий, который меняет размер размещенной на веб-странице кнопки за счет вывода на нее надписи путем прибавления или удаления по одной букве.

Aetae 25.05.2011 21:30

Хз правильно ли я понял, вот решение на коленке:
<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)"/>

ksa 25.05.2011 21:32

Aetae, опередил... :)

Aetae 25.05.2011 21:34

Я всю торговлю обломал.)
Эх так всегда когда что-то нужно делать неприятное - занимаюсь фигнёй.=\

DreamTheater 25.05.2011 21:35

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

Только что попробовал, кнопка сама сжимается-разжимается.

Елена1991 25.05.2011 21:41

спасибо огромное-огромное!!!!!

ksa 25.05.2011 21:43

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


Часовой пояс GMT +3, время: 00:30.