«Анимированная кнопка»
помогите, пожалуйста!!!!как разработать сценарий, который меняет размер размещенной на веб-странице кнопки за счет вывода на нее надписи путем прибавления или удаления по одной букве.
|
Хз правильно ли я понял, вот решение на коленке:
<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, время: 10:16. |