«Анимированная кнопка»
помогите, пожалуйста!!!!как разработать сценарий, который меняет размер размещенной на веб-странице кнопки за счет вывода на нее надписи путем прибавления или удаления по одной букве.
|
Хз правильно ли я понял, вот решение на коленке:
<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)"/> |
Aetae, опередил... :)
|
Я всю торговлю обломал.)
Эх так всегда когда что-то нужно делать неприятное - занимаюсь фигнёй.=\ |
Если кнопке не заданы жесткие размеры при помощи CSS, то она сама меняет ширину в зависимости от длины заголовка.
Только что попробовал, кнопка сама сжимается-разжимается. |
спасибо огромное-огромное!!!!!
|
Елена1991, ты учиться вообще собираешся? :lol:
|
Часовой пояс GMT +3, время: 00:30. |