WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY
Efekty - Rotujíci nápis
Normální položka
Zobrazeno: 7486

Popis: Nápis bliká a rotuje. Nezapomeňte si upravit názvy souborů!
Funkčnost: Funkční v IE 5.5 a vyšší
Hodnocení: **
Ukázka

<HTML xmlns:v = "urn:schemas-microsoft-com:vml">
<HEAD>
<TITLE>Document Title</TITLE>
<style>
v\:* {BEHAVIOR: url(#default#VML)}
</style>

<SCRIPT language="javascript">
<!--
//Realise by ApacheJeff
// www.huntingground.freeserve.co.uk

// USER FUNCTIONS 
function Effect1(){

F_StartPosx = 420; F_StartPosy = 250; F_RadiusX = 100; F_RadiusY = 100; F_Start = 180
F_End = 360; F_Step = 10; F_Fullcircle = 1; F_Direction = 1

T_StartPosx = 420; T_StartPosy = 250; T_RadiusX = 100; T_RadiusY = 100; T_Start = 0
T_End = 360; T_Step = 10; T_Fullcircle = 1; T_Direction = 1

Scrolling=0
Text_Scroll = 10
text.string = "Spinning"
Initialise()
}
// END USER FUNCTIONS 

// MAIN FUNCTIONS 
function Initialise(){
if(F_Direction==1){
F_Radian=0.017453292519943295} // Clockwise
else{F_Radian= -0.017453292519943295 } // Anti-Clockwise

F_Start_Angle = F_Radian * F_Start
F_Step_Angle = F_Radian * F_Step
F_End_Angle = F_Radian * F_End
F_A=F_Start_Angle
F_cx=F_StartPosx//+Radius
F_cy=F_StartPosy//+Radius
F_timer=""
F_MoveArc()

if(T_Direction==1){
T_Radian=0.017453292519943295} // Clockwise
else{T_Radian= -0.017453292519943295 } // Anti-Clockwise
T_Start_Angle = T_Radian * T_Start
T_Step_Angle = T_Radian * T_Step
T_End_Angle = T_Radian * T_End
T_A=T_Start_Angle
T_cx=T_StartPosx//+Radius
T_cy=T_StartPosy//+Radius
T_timer=""
T_MoveArc()

document.getElementById("obj").style.visibility="visible"
}

function F_MoveArc(){
clearTimeout(F_timer)
F_A+=F_Step_Angle
F_cos=Math.cos(F_A)
F_sin=Math.sin(F_A)
F_PosX=(F_RadiusX*F_cos)+F_cx
F_PosY=(F_RadiusY*F_sin)+F_cy

obj.from=parseInt(F_PosX/1.3333)+','+parseInt(F_PosY/1.3333)

Scroll_Text() // 

if(F_Direction==1){
if(F_Fullcircle==1){
F_whole()
F_timer=setTimeout("F_MoveArc()",100)
return
}
F_reverse_clockwise()
}
else{
if(F_Fullcircle==1){
F_whole()
F_timer=setTimeout("F_MoveArc()",100)
return
}
F_reverse_anti_clockwise()
}
F_timer=setTimeout("F_MoveArc()",100)
} 

function F_reverse_clockwise(){ // Reverse path in Clockwise direction
if(F_A>F_End_Angle || F_A<F_Start_Angle){
F_Step_Angle = -F_Step_Angle
return
}
}

function F_reverse_anti_clockwise(){ // Reverse path in Anti-Clockwise direction
if(F_A<F_End_Angle || F_A>F_Start_Angle){
F_Step_Angle = -F_Step_Angle
return
}
}

function F_whole(){
if(F_Direction==1){
if(F_End_Angle>360){
F_End_Angle=F_Start_Angle
}
else{
if(F_Direction==0){
if(F_End_Angle<0){
F_End_Angle=F_Start_Angle
}
}
}
}
}

function T_MoveArc(){
clearTimeout(T_timer)
T_A+=T_Step_Angle
T_cos=Math.cos(T_A)
T_sin=Math.sin(T_A)
T_PosX=(T_RadiusX*T_cos)+T_cx
T_PosY=(T_RadiusY*T_sin)+T_cy

obj.to=parseInt(T_PosX/1.3333)+','+parseInt(T_PosY/1.3333) 
if(T_Direction==1){
if(T_Fullcircle==1){
T_whole()
T_timer=setTimeout("T_MoveArc()",100)
return
}
T_reverse_clockwise()
}
else{
if(T_Fullcircle==1){
T_whole()
T_timer=setTimeout("T_MoveArc()",100)
return
}
T_reverse_anti_clockwise()}
T_timer=setTimeout("T_MoveArc()",100)
} 

function T_reverse_clockwise(){ // Reverse path in Clockwise direction
if(T_A>T_End_Angle || T_A<T_Start_Angle){
T_Step_Angle = -T_Step_Angle
return
}
}

function T_reverse_anti_clockwise(){ // Reverse path in Anti-Clockwise direction
if(T_A<T_End_Angle || T_A>T_Start_Angle){
T_Step_Angle = -T_Step_Angle
return
}
}

function T_whole(){
if(T_Direction==1){
if(T_End_Angle>360){
T_End_Angle=T_Start_Angle
}
else{
if(T_Direction==0){
if(T_End_Angle<0){
T_End_Angle=T_Start_Angle
}
}
}
}
}
// END MAIN FUNCTIONS 

//SCROLL FUNCTIONS 
txt=new Array()
txt[0]="This function"
txt[1]="Is still under"
txt[2]="Construction"
txt[3]="But should be"
txt[4]="Ready soon"

index=0
Scrolling=0
//Text_Scroll = 0 // position at which the text is changed, added to user functions

function Scroll_Text(){
if(Scrolling==0){
index=0
return}
if(index==txt.length){index=0}
Text_Change_Position=Math.floor(Math.acos(F_cos)/F_Radian) // convert to degrees and round up

step=F_Step

Display.innerText="Position "+Text_Change_Position+" Change at "+Text_Scroll//Math.floor(Text_Scroll/step)*step
if(Text_Change_Position== Text_Scroll){
text.string=txt[index]
index++
}
}
//END SCROLL FUNCTIONS 
setTimeout("Effect1()",1000)
// -->
</script> 

</HEAD><BODY>

<v:line id="obj" from="0px","0px" to="0px","0px">
<v:fill on="true"color="red"/>
<v:path textpathok="true"/>
<v:textpath id="text" on="true" string="" fitpath="true"/>
</v:line>

<P>Animate your text by getting it to spin, rotate, swing, etc.



</BODY>
</HTML>