Скрипты

Скрипты | Flash эффект с фоном

Красивый эффект для вашей странички, и глаза не напрягает и не сильно выделяется :)

Скрипт вставлять между тегами <head> и </head>. Скопируй код (Ctrl+C) и вставь (Ctrl+V) в нужное тебе место.

<SCRIPT language=JavaScript> if (document.all){ kg=new Image(); kg.src="http://Tritroichki.narod.ru/osen.gif"; document.write('<span id="rings" style="position:absolute;top:0px;left:0px">' +'<img src="http://Tritroichki.narod.ru/osen.gif" name="kg" style="position:relative"></span>'); var TimeLinethree = 50; var TimeLineTwo = 0; var TimeLineOne = 0; var ThreeStep = 1.1; var TwoStep = 5.5; var OneStep = 1.5; var xp = 100; var yp = 100; function SmokeRing(){ document.all.rings.document.images["kg"].style.filter='alpha(opacity='+TimeLinethree+')'; document.all.rings.document.images["kg"].style.top=yp + (-TimeLineOne); document.all.rings.document.images["kg"].style.left=xp + (-TimeLineOne); document.all.rings.document.images["kg"].width=46; document.all.rings.document.images["kg"].height=46; TimeLinethree-=ThreeStep; TimeLineTwo+=TwoStep; TimeLineOne+=OneStep; setTimeout('SmokeRing()',10); if ((TimeLineTwo > 380) || (TimeLineOne > 380) || (TimeLinethree < 0)) {TimeLineTwo=0;TimeLineOne=0;TimeLinethree=85; stop=window.document.body.clientHeight-280; sleft=window.document.body.clientWidth/2.5;//? yp=Math.round(Math.random()*stop); xp=Math.round(Math.random()*sleft); document.all.rings.style.top=yp+document.body.scrollTop; document.all.rings.style.left=xp+document.body.scrollLeft; } if ((yp < 80) || (xp < 80)) { yp+=80; xp+=80; } } } if (document.all)SmokeRing(); // --> </SCRIPT>

Картинку можно поменять вставив нужный адрес в скрипт. Вот некоторые объяснения кода скрипта:

kg.src="http://Tritroichki.narod.ru/osen.gif";
document.write('<span id="rings" style="position:absolute;top:0px;left:0px">' +'<img src="http://Tritroichki.narod.ru/osen.gif" name="kg" style="position:relative"></span>');

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

е не забудьте изменить размеры картинки (!!!):

document.all.rings.document.images["kg"].width=46;
document.all.rings.document.images["kg"].height=46;