Плавающие ссылки. Коллекция JavaScript в примерах. Библиотека Java скриптов.

Плавающие ссылки

<html>
<head>
<title>Плавающие ссылки</title>
<STYLE type="text/css"></STYLE>
<SCRIPT language="JavaScript">
<!-- Beginning of JavaScript -
// ATTENTION: Too many images will slow down the floating effect.
var message=new Array()
message[0]="http://scriptic.ru"
message[1]="Lidia"
message[2]="http://studia.scriptic.ru"

// You may add a link for each message.
// In case you do not want to link a message just add a '#' instead of an URL
var message_link=new Array()
message_link[0]="http://scriptic.ru"
message_link[1]="mailto:info@scriptic.ru"
message_link[2]="http://studia.scriptic.ru"

// font-family for each message
var message_font=new Array()
message_font[0]="Times New Roman, Times, serif"
message_font[1]="Impact, Arial, sans-serif"
message_font[2]="Comic Sans MS, Arial, sans-serif"

// font-size for each message
var message_fontsize=new Array()
message_fontsize[0]=28
message_fontsize[1]=25
message_fontsize[2]=30

// font-color for each message
var message_fontcolor=new Array()
message_fontcolor[0]="red"
message_fontcolor[1]="olive"
message_fontcolor[2]="blue"

// font-weight for each message. Choose a value between 1 and 9
var message_fontweight=new Array()
message_fontweight[0]=7
message_fontweight[1]=9
message_fontweight[2]=7

// width for each message (pixels)
var message_width=new Array()
message_width[0]=300
message_width[1]=200
message_width[2]=300

// average speed of the floating images. Higher means faster
var floatingspeed=3

// do not edit the variables below
var tempo=30
var numberofmessages=message.length-1
var stepx=new Array()
var stepy=new Array()
for (i=0;i<=numberofmessages;i++) {
 stepx[i]=randommaker(floatingspeed)
 stepy[i]=randommaker(floatingspeed)
}
var imgwidth=new Array()
var imgheight=new Array()
for (i=0;i<=numberofmessages;i++) {
 imgwidth[i]=10
 imgheight[i]=10
}
var i_fadestrength=new Array()
var i_fadestep=new Array()
var i_fadenow=new Array()
var i_fadenowmax=new Array()
for (i=0;i<=numberofmessages;i++) {
 i_fadenowmax[i]=randommaker(10)+2 
 i_fadestrength[i]=randommaker(90) 
 i_fadestep[i]=1
 i_fadenow[i]=0
}
var x,y
var marginbottom
var marginleft=0
var margintop=0
var marginright
var timer
for (i=0;i<=numberofmessages;i++) {
    message_fontweight[i]=100*message_fontweight[i]
}

var spancontent=new Array()
for (i=0;i<=numberofmessages;i++) {
    spancontent[i]="<table width="+message_width[i]+" cellspacing=0><tr><td valign=top>"
    spancontent[i]+="<span style='position: relative; font-family: "+message_font[i]+"; font-size: "+message_fontsize[i]+"pt; font-weight: "+message_fontweight[i]+"'>" 
    spancontent[i]+="<a href='"+message_link[i]+"'>"
    spancontent[i]+="<font color="+message_fontcolor[i]+">"
    spancontent[i]+=message[i]
    spancontent[i]+="</a>"
    spancontent[i]+="</span>"
    spancontent[i]+="</td></tr></table>"
}

function randommaker(range) {  
 rand=Math.floor(range*Math.random())
 if (rand==0) {rand=Math.ceil(range/2)}
    return rand
}

function checkmovement() {
 if (document.all) {
  for (i=0;i<=numberofmessages;i++) {  
   var thisfilter=eval("span"+i)
   i_fadenow[i]++
   if (i_fadenow[i]>=i_fadenowmax[i]) {
    i_fadenow[i]=0
    if (i_fadestrength[i]>=100) {i_fadestep[i]=i_fadestep[i]*-1}
    else if (i_fadestrength[i]<=-20) {i_fadestep[i]=i_fadestep[i]*-1}
   }
   i_fadestrength[i]+=i_fadestep[i]
   thisfilter.filters.alpha.opacity=Math.floor(i_fadestrength[i])
   
     }
  checkposition()
  movepictures()
     timer=setTimeout("checkmovement()",tempo)
 }
}

function movepictures() {
  if (document.all) {
   for (i=0;i<=numberofmessages;i++) {  
       var thisspan=eval("document.all.span"+(i)+".style")
       thisspan.posLeft+=stepx[i]
    thisspan.posTop+=stepy[i]
      }
  }
}

function checkposition() {
 if (document.all) {
  for (i=0;i<=numberofmessages;i++) {             
   var thisspan=eval("document.all.span"+i+".style")
   if (thisspan.posLeft>marginright-imgwidth[i]) {
    thisspan.posLeft-=Math.abs(stepx[i]+1)
    stepx[i]=randommaker(floatingspeed)*-1 
   }
   if (thisspan.posLeft<marginleft) {
    thisspan.posLeft+=Math.abs(stepx[i])
    stepx[i]=randommaker(floatingspeed)   
   } 
   if (thisspan.posTop>marginbottom-imgheight[i]) {
    thisspan.posTop-=Math.abs(stepy[i])
    stepy[i]=randommaker(floatingspeed)*-1

}
   if (thisspan.posTop<margintop) {
    thisspan.posTop+=Math.abs(stepy[i])
    stepy[i]=randommaker(floatingspeed)
   }
  }
 }
}
// - End of JavaScript - -->
</SCRIPT>
</head>
<BODY style="width:100%;overflow-x:hidden;overflow-y:hidden">
<SCRIPT>

</SCRIPT>
</body>
</html>