Ltvnyos effekt
Anny 2006.05.21. 17:27
<script type="text/javascript">
// a szveg helye var message=new Array("Ide rd amit akarsz!")
// a kpek URL-cmei var imgsrc=new Array("http://www.hitetlen.hu/kepeim/flower1.gif","http://www.hitetlen.hu/kepeim/flower2.gif","http://www.hitetlen.hu/kepeim/flower3.gif")
// a bet keretnek szne var color=new Array("white","white","white","black","white")
// a keret vastagsga var strkweight=2
// a szvegek kzti sznet ideje (msodperc) var pause=2
// tltszsg var strengthopacity="100%"
var outerwidth=document.body.clientWidth var outerheight=document.body.clientHeight
var innerwidth=Math.floor(0.97*outerwidth) var innerheight=Math.floor(1*outerheight)
var archeight=Math.floor(0.5*outerheight)
var control1_x=Math.floor(innerwidth/3) var control2_x=Math.floor(innerwidth/3*2)
var path=new Array() var i_message=0 var i_messagelength=0 var i_imgsrc=0 var i_color=0 pause*=1000
var ns4=document.layers?1:0 var ns6=document.getElementById&&!document.all?1:0 var ie=document.all?1:0
function initcurveticker() { var i_preload=0 for (i=0;i<=imgsrc.length-1;i++) { var imgref=eval("document.n"+i) if (imgref.complete) {i_preload++} } if (i_preload>=imgsrc.length-1) { changeform() } else { var timer=setTimeout("initcurveticker()",5000) } }
function changeform() { if (i_imgsrc >= imgsrc.length) {i_imgsrc=0} if (i_color >= color.length) {i_color=0} document.getElementById('fillid').src=imgsrc[i_imgsrc] document.getElementById('strokeid').color=color[i_color] if (i_message < message.length) { var timer=setTimeout("tick()",200) } else {document.getElementById('textpathid').string=""} }
function tick() { if (i_messagelength <= message[i_message].length) { var messagestringend="" for (i=0;i<message[i_message].length-1-i_messagelength;i++) { messagestringend+=" " } var messagestring=message[i_message].substring(0, i_messagelength)+messagestringend document.getElementById('textpathid').string=messagestring var timer=setTimeout("tick()",50) i_messagelength++ } else { clearTimeout(timer) i_messagelength=0 i_message++ i_imgsrc++ i_color++ var timer=setTimeout("changeform()",pause) } }
if (ie) { document.write('<div id="preloadimages" style="position:absolute;left:-5px;top:-5px;visibility:hidden">') for (i=0;i<=imgsrc.length-1;i++) { document.write('<img src="'+imgsrc[i]+'" name="n'+i+'" width=1 height=1>') } document.write('</div>') document.write('<div id="roofid" style="position:absolute;left:0px;top:0px;width:'+outerwidth+'px;height:'+innerheight+'px;overflow:hidden;">') document.write('<v:curve id="tc" style="position:relative;width:'+innerwidth+'px;height:'+innerheight+'px;" from="0px 0px" to="'+innerwidth+'px 0px" control1="'+control1_x+'px '+archeight+'px" control2="'+control2_x+'px '+archeight+'px">') document.write('<v:shadow on="t" opacity="'+strengthopacity+'"/>') document.write('<v:stroke id="strokeid" weight="'+strkweight+'pt" color="'+color[i_color]+'"/>') document.write('<v:fill id="fillid" on="True" opacity="'+strengthopacity+'" opacity2="'+strengthopacity+'" alignshape="False" type="tile" src="'+imgsrc[0]+'"/>') document.write('<v:path textpathok="t"/>') document.write('<v:textpath id="textpathid" on="t" id="mytp" style="font-family:\'Arial Black\'; " fitpath="t" string=""/>') document.write('</v:curve>') document.write('</div>') window.onload=initcurveticker }
</script>
|