Как установить эффект на html
сайт? Просто раньше не
приходилось ...

Какой именно?

Ну допустим это: https://bym.guru/
downloads/view/5551

ручками)

И как это понять?

Скачиваешь архив, открываешь исходный код страницы, ищешь код этих двух Java-скриптов, копируешь и вставляешь в исходный код своей страницы в нужное место, на этом наши полномочия всё, окончены.

Изображение

------
68108_Screenshot0.png (66.9 Kb)
Скачиваний: 79

Скриншот 1

Изображение

------
68109_Screenshot1.png (67.4 Kb)
Скачиваний: 85

Скриншот 2

Изображение

------
68110_Screenshot2.png (68.0 Kb)
Скачиваний: 84

Скриншот 3

Изображение

------
68111_Screenshot3.png (67.4 Kb)
Скачиваний: 80

Код, извольте добавить:
<script>
<!--

var your_message="Äîáðî ïîæàëîâàòü"

// font-family
var messagefont="Verdana"

// font-size
var messagesize=9

// font-color
var messagecolor="FF0000"

// font-weight (boldness). Set it to a value between 1 and 9
var messageboldness=1

// the height of the ticker (pixels)
var tickerheight=90

// the width of the ticker (pixels)
var tickerwidth=500

// scroller's distance to the left margin of the browser-window (pixels)
var tickerleftposition=100

// scroller's distance to the top margin of the browser-window (pixels)
var tickertopposition=10

// speed
var tempo=50

// average horizontal distance between the letters
var stepx=9

// average vertical distance between the letters
var stepy=9

// - End of JavaScript - -->
</script>

<script>

var msg=new Array()
var msg=your_message
var message=msg.split("")
var numberofletters=msg.length-1
var x,y

messageboldness=messageboldness*100
var timer
var xpos=new Array()
var ypos=new Array()

var spancontent=new Array()

if (document.all) {
for (i=0;i<=numberofletters;i++) {
spancontent[i]="<span style='position:relative;font-family:"+messagefont+";font-size:"+messagesize+"pt;color:"+messagecolor+";font-weight:"+messageboldness+"'>"+message[i]+"</span>"
}
}


function setValues() {
if (document.all) {
for (i=0;i<=numberofletters;i++) {
xpos[i]=tickerwidth-3
ypos[i]=tickerheight-3
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML=spancontent[i]
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=tickerwidth-3
thisspan.posTop=tickerheight-3
thisspan.visibility="visible"
}
moveball()
}
}

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}

function moveball() {
if (document.all) {
checkposition()
makesnake()
document.all.span0.style.posTop+=stepy
timer=setTimeout("moveball()",tempo)
}
}

function makesnake() {
for (i=numberofletters; i>=1; i--) {
xpos[i]=xpos[i-1]
ypos[i]=ypos[i-1]
}
if (document.all) {
xpos[0]=document.all.span0.style.posLeft+stepx
ypos[0]=document.all.span0.style.posTop+stepy
for (i=0;i<=numberofletters;i++) {
var thisspan=eval("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]

}
}
}

function checkposition() {
if (document.all) {
if (document.all.span0.style.posLeft>tickerwidth) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft-=1
}
if (document.all.span0.style.posLeft<tickerleftposition) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft+=1
}
if (document.all.span0.style.posTop>tickerheight) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop-=1
}
if (document.all.span0.style.posTop<tickertopposition) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop+=1
}
}
}

for (i=0;i<=numberofletters;i++) {
document.write("<span id='span"+i+"' style='position:absolute;;visibility:hidden'></span>")
document.close()
}

window.onload=setValues
</script>
________
посл. ред. 06.11.2019 в 00:51; всего 1 раз(а); by Severus