JavaScript

JavaScripti >> Efekti s tekstom >> Tunel

Opis:
Ustvari se tunel in izgleda, kot da se po tunelu približujemo napisu. Na levi strani pa se ustvari tudi povezava, ki jo vnesete. JavaScript ne uporablja nič drugega kot kodo, efekt pa je izvrsten. Opomba: efekt ne deluje v brskalnikih Netscape.

Primer:
Za primer kliknite TUKAJ. Ta JavaScript lahko uporabite za vstopno stran v vašo spletno stran.

Izvorna koda:

Korak 1 :
Ta del kode vstavite v <head> del strani:

<SCRIPT FOR="seq" EVENT="oninit"> seq.Item("sg").at(0, "scale(rad)", 23, .1); seq.Item("sg").at(.5, "scale(one)", 23, .1); seq.Item("sg").at(1, "scale(two)", 23, .1); seq.Item("sg").at(1.5, "scale(three)", 23, .1); seq.Item("sg").at(2, "scale(four)", 23, .1); seq.Item("sg").at(2.5, "scale(five)", 23, .1); seq.Item("sg").at(2.5, "scale(six)", 23, .1); </SCRIPT> <SCRIPT LANGUAGE="JScript"> function scale(which) { which.Scale(1.2, 1.2, 1.2); } function start() { rad.Scale(.05,.05,.05); one.Scale(.1,.1,.1); two.Scale(.1,.1,.1); three.Scale(.15,.15,.15); four.Scale(.1,.1,.1); five.Scale(.2,.2,.2); six.Scale(.02,.02,.02); seq.Item("sg").Play() } </SCRIPT> <SCRIPT> function tofuHigh() { tofu.style.color = "red"; } function tofuBack() { tofu.style.color = "aqua"; } </SCRIPT> <STYLE> .span1 {position: absolute; top: 30px; left: 50px; width: 27; filter:blur(add=4,direction=45,strength=30)} </STYLE>

Korak 2:
Ta del kode vstavite v <body> del strani:

<OBJECT id=rad style="position:absolute; height:500; width:780; top:0; left:0" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"> <PARAM NAME="Line0001" VALUE="SetLineStyle(0)"> <PARAM NAME="Line0002" VALUE="SetFillColor(0, 13 ,80)"> <PARAM NAME="Line0003" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0004" VALUE="SetLineColor(255, 15, 255)"> <PARAM NAME="Line0005" VALUE="Oval(-110,-110,210,210)"> <PARAM NAME="Line0006" VALUE="SetLineStyle(1=[,2])"> <PARAM NAME="Line0007" VALUE="SetLineColor(255, 100, 0)"> <PARAM NAME="Line0008" VALUE="PolyLine(2, -75, 75, 75, -75)"> <PARAM NAME="Line0009" VALUE="PolyLine(2, -75, -75, 75, 75)"> </OBJECT> <OBJECT id=one style="position:absolute; height:500; width:780; top:0; left:0" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"> <PARAM NAME="Line0001" VALUE="SetLineStyle(0)"> <PARAM NAME="Line0002" VALUE="SetFillColor(0, 0 ,0)"> <PARAM NAME="Line0003" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0004" VALUE="SetLineColor(255, 15, 250)"> <PARAM NAME="Line0005" VALUE="Oval(-110,-110,210,210)"> <PARAM NAME="Line0006" VALUE="SetLineStyle(1=[,2])"> <PARAM NAME="Line0007" VALUE="SetLineColor(255, 100, 0)"> <PARAM NAME="Line0008" VALUE="PolyLine(2, -75, 75, 75, -75)"> <PARAM NAME="Line0009" VALUE="PolyLine(2, -75, -75, 75, 75)"> </OBJECT> <OBJECT id=two style="position:absolute; height:500; width:780; top:0; left:0" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"> <PARAM NAME="Line0001" VALUE="SetLineStyle(0)"> <PARAM NAME="Line0002" VALUE="SetFillColor(80, 0 ,0)"> <PARAM NAME="Line0003" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0004" VALUE="SetLineColor(155, 15, 245)"> <PARAM NAME="Line0005" VALUE="Oval(-110,-110,210,210)"> <PARAM NAME="Line0006" VALUE="SetLineStyle(1=[,2])"> <PARAM NAME="Line0007" VALUE="SetLineColor(255, 100, 0)"> <PARAM NAME="Line0008" VALUE="PolyLine(2, -75, 75, 75, -75)"> <PARAM NAME="Line0009" VALUE="PolyLine(2, -75, -75, 75, 75)"> </OBJECT> <OBJECT id=three style="position:absolute; height:500; width:780; top:0; left:0" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"> <PARAM NAME="Line0001" VALUE="SetLineStyle(0)"> <PARAM NAME="Line0002" VALUE="SetFillColor(0, 0 ,0)"> <PARAM NAME="Line0003" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0004" VALUE="SetLineColor(140, 15, 240)"> <PARAM NAME="Line0005" VALUE="Oval(-110,-110,210,210)"> <PARAM NAME="Line0006" VALUE="SetLineStyle(1=[,2])"> <PARAM NAME="Line0007" VALUE="SetLineColor(255, 100, 0)"> <PARAM NAME="Line0008" VALUE="PolyLine(2, -75, 75, 75, -75)"> <PARAM NAME="Line0009" VALUE="PolyLine(2, -75, -75, 75, 75)"> </OBJECT> <OBJECT id=four style="position:absolute; height:500; width:780; top:0; left:0" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"> <PARAM NAME="Line0001" VALUE="SetLineStyle(0)"> <PARAM NAME="Line0002" VALUE="SetFillColor(0, 79 ,200)"> <PARAM NAME="Line0003" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0004" VALUE="SetLineColor(255, 15, 235)"> <PARAM NAME="Line0005" VALUE="Oval(-110,-110,210,210)"> <PARAM NAME="Line0006" VALUE="SetLineStyle(1=[,2])"> <PARAM NAME="Line0007" VALUE="SetLineColor(255, 100, 0)"> <PARAM NAME="Line0008" VALUE="PolyLine(2, -75, 75, 75, -75)"> <PARAM NAME="Line0009" VALUE="PolyLine(2, -75, -75, 75, 75)"> </OBJECT> <OBJECT id=five style="position:absolute; height:500; width:780; top:0; left:0" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"> <PARAM NAME="Line0001" VALUE="SetLineStyle(0)"> <PARAM NAME="Line0002" VALUE="SetFillColor(0, 0 ,0)"> <PARAM NAME="Line0003" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0004" VALUE="SetLineColor(255, 15, 235)"> <PARAM NAME="Line0005" VALUE="Oval(-110,-110,210,210)"> </OBJECT> <OBJECT id=six style="position:absolute; height:500; width:780; top:0; left:0" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"> <PARAM NAME="Line0001" VALUE="SetFillStyle(11)"> <PARAM NAME="Line0002" VALUE="SetLineStyle(0)"> <PARAM NAME="Line0003" VALUE="SetFillColor(51,0,51,153,0,255)"> <PARAM NAME="Line0004" VALUE="SetFont('Impact', 50, 600, 70, 50, 80)"> <PARAM NAME="Line0005" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0006" VALUE="SetLineColor(255,0,51)"> <PARAM NAME="Line0007" VALUE="Text('SMRKEC.COM', -105, 25)"> <PARAM NAME="Line0008" VALUE="SetFillStyle(11)"> <PARAM NAME="Line0009" VALUE="SetLineStyle(0)"> <PARAM NAME="Line0010" VALUE="SetFillColor(255, 255, 0, 51, 0, 51)"> <PARAM NAME="Line0011" VALUE="SetFont('Impact', 50, 600, 70, 50, 80)"> <PARAM NAME="Line0012" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0013" VALUE="SetLineColor(0,255,0)"> <PARAM NAME="Line0014" VALUE="Text('SMRKEC.COM', -100, 25)"> ` </OBJECT> <OBJECT id="seq" CLASSID="CLSID:B0A6BAE2-AAF0-11d0-A152-00A0C908DB96"> </OBJECT> <SPAN CLASS="span1"><A HREF="http://www.smrkec.com" name=tofu onmouseover="tofuHigh()" onmouseout="tofuBack()"><font size=+2>/\ V S T O P I \/</A></SPAN>

Korak 3:
Vaša <body> vrstica naj bi izgledala nekako takole:

<BODY onload="start()">