Помогите найти прикольные JavaScript'ы

12
Koyaanisqatsi
На сайте с 18.11.2009
Offline
35
2851

Ребят нужно найти пару прикольных JS, которые ещё будут работать.

Оба связаны с текстовыми эффектами.

JS 1:

текст "пример"

надо чтобы каждая буква одновременно моргала разными цветами рандомно.

JS 2:

текст "пример"

надо чтобы каждая буква одновременно меняла свой размер рандомно.

BG
На сайте с 03.10.2010
Offline
195
#1

Вам для юкоза?)

-= Сайты на заказ | Правки, обновление, работы по DLE =- ( /ru/forum/791118 ) Telegram: @ruslansh ( tg://resolve?domain=ruslansh )
Koyaanisqatsi
На сайте с 18.11.2009
Offline
35
#2

нет, хочу "плавить web"

R
На сайте с 06.02.2011
Offline
62
#3

<html>

<head>

<body>

<div id="ResultColor1"></div>

<script>

function get_random_color() {

var letters = '0123456789ABCDEF'.split('');

var color = '#';

for (var i = 0; i < 6; i++ ) {

color += letters[Math.round(Math.random() * 15)];

}

return color;

}

var Color1 = "Koyaanisqatsi";

setInterval(function(){

document.getElementById('ResultColor1').innerHTML = '';

for ( var i=0; i<Color1.length; i++ ){

document.getElementById('ResultColor1').innerHTML +='<font color="'+get_random_color()+'">'+Color1+'</font>';
}

},500);

</script>
</body>
</html>



надо чтобы каждая буква одновременно моргала разными цветами рандомно.
как так, что бы одна буква, моргала "одновременно моргала разными цветами рандомно."
это типа вверх красный, низ зеленый ?

Koyaanisqatsi
На сайте с 18.11.2009
Offline
35
#4

Отлично! Спасибо! первый пункт есть.

R
На сайте с 06.02.2011
Offline
62
#5

это второй вариант, первый, если честно я не понял

Koyaanisqatsi
На сайте с 18.11.2009
Offline
35
#6

ну всё правильно вы поняли:первая буква - зелёная, вторая жёлтая, третья - чёрная, пятая бирюзовая.

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

а по другому примеру, что ищу, первая буква 12 размера, вторая - 18, третья 8, через секунду - первая буква - 25 размера, вторая - 11, третья - 10. как-то так

R
На сайте с 06.02.2011
Offline
62
#7

<html>

<head>

<body>

<div id="ResultColor1"></div>

<div id="ResultColor2"></div>

<script>

function get_random_color() {

var letters = '0123456789ABCDEF'.split('');

var color = '#';

for (var i = 0; i < 6; i++ ) {

color += letters[Math.round(Math.random() * 15)];

}

return color;

}

var Color1 = "Koyaanisqatsi";

setInterval(function(){

document.getElementById('ResultColor1').innerHTML = '';

document.getElementById('ResultColor2').innerHTML = '';

for ( var i=0; i<Color1.length; i++ ){

document.getElementById('ResultColor1').innerHTML +='<font color="'+get_random_color()+'">'+Color1+'</font>';
document.getElementById('ResultColor2').innerHTML +='<font style="font-size:'+Math.round(Math.random() * 10)+'em;">'+Color1+'</font>';
}

},500);

</script>
</body>
</html>

Koyaanisqatsi
На сайте с 18.11.2009
Offline
35
#8

Спасибо огромное! не представляете, как вы мне помогли!

Bitman
На сайте с 05.07.2009
Offline
112
#9

Ещё веселее получается, если

document.getElementById('ResultColor2').innerHTML +='<font style="font-size:'+Math.round(Math.random() * 10)+'em;">'+Color1+'</font>';

заменить на

document.getElementById('ResultColor2').innerHTML +='<font style="font-size:'+Math.round(Math.random() * 10)+'em;" color="'+get_random_color()+'">'+Color1+'</font>';

Северный лес (https://euro-vagonka.by) DREW (https://drew.by) AvtoDrive (https://avtodrive.by)
Koyaanisqatsi
На сайте с 18.11.2009
Offline
35
#10
Bitman:
Ещё веселее получается, если

document.getElementById('ResultColor2').innerHTML +='<font style="font-size:'+Math.round(Math.random() * 10)+'em;">'+Color1+'</font>';

заменить на

document.getElementById('ResultColor2').innerHTML +='<font style="font-size:'+Math.round(Math.random() * 10)+'em;" color="'+get_random_color()+'">'+Color1+'</font>';

мне именно это и надо было. RControl скинул в личку, то что мне и требовалось. 🤪

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий