Вход Регистрация
» Описание: Уверен многим по душе будет такая кнопка. Красиво и оригинально
» Добавил: * -=(C)DRU987=-
» Время добавления: 5 Мая 2019 в 17:00
» Посмотров: 96
» textarea
» Рейтинг: [+0 | -0]
Комментарии [0]
  1. Код JavaScript (вставлять между тегами <head> и </head>):
  2.  
  3. <script language="javascript">
  4. var timerID = 0;
  5. var timerRunning = false;
  6. var charNo = 0;
  7. var charMax = 0;
  8. var textLine = "перейти на сайт masteram"; //Текст на кнопке
  9. var urlLine = "https://masteram.us"; //Адрес перехода после нажатия
  10. function startShow() {
  11. stopShow();
  12. showLine();
  13. timerRunning = true;
  14. }
  15. function stopShow() {
  16. if (timerRunning) {
  17. clearTimeout(timerID);
  18. timerRunning = false;
  19. }
  20. }
  21. function showLine() {
  22. charMax = textLine.length;
  23. if (charNo <= charMax) {
  24. document.animationbutton.but.value = textLine.substring(0, charNo);
  25. document.animationbutton.but.style.color = "red";
  26. charNo++;
  27. timerID = setTimeout("showLine()", 100);
  28. }
  29. else {
  30. charNo = 0;
  31. timerID = setTimeout("showLine()", 3000);
  32. }
  33. }
  34. function gotoURL() {
  35. location.href = urlLine;
  36. }
  37. </script>
  38. Код HTML (вставлять между тегами <body onload = "startShow()"> и </body>):
  39.  
  40. <form name = "animationbutton">
  41. <input type = "button" name = "but" onClick = "gotoURL()">
  42. </form>
Онлайн: 6
Реклама