Ссылки прокручиваются на фоне сменяющихся картинок (почти баннер получается). Коллекция JavaScript в примерах. Библиотека Java скриптов.

Меню
В избранное
Карта сайта
Главная
JavaScript
Контакты
Услуги

Наши баннеры

Подсказки
Старые скрипты
Новые скрипты
Ссылка в другой раздел
Внимание!
На сайте scriptic.narod.ru есть скрипты которых нет пока здесь.

Текст

Ссылки прокручиваются на фоне сменяющихся картинок

<html>
<head>
<title>Ссылки прокручиваются на фоне сменяющихся картинок</title>
<SCRIPT type="text/javascript" language="JavaScript">
// messages. Add as many messages as you like
var message=new Array()
message[0]="С новым годом!"
message[1]="У нас действуют скидки!"
message[2]="Подарки заказавшим сайт!"
// links of the messages (you need to set up link for each message)
var messageurl=new Array()
messageurl[0]="http://scriptic.ru"
messageurl[1]="http://Studia.scriptic.ru"
messageurl[2]="http://scriptic.ru"
// targets of the links  (you need to set up a target for each message)
// accepted values are '_blank' or '_top' or '_parent' or '_self'
// or the name of your target-window (for instance 'main')
var messagetarget=new Array()
messagetarget [0]="_blank" 
messagetarget [1]="_blank" 
messagetarget [2]="_blank" 
var textshadowcolor="blue" 
var pause=20 
var step=5 
var fntsize=14 
var fntfamily="Impact" 
var fntweight=0 
var textcolor="#000000" 
var backgroundcolor="#ffffff" 
var borderwidth=0 
var topdistance=220 
// DO  NOT EDIT ANYTHING BELOW THIS LINE!!!! 
var snowani=new Array("../img/snowani0.gif", "../img/snowani1.gif", "../img/snowani2.gif")
var snowani0=new Image()
snowani0.src="../img/snowani0.gif"
var snowani1=new Image()
snowani1.src="../img/snowani1.gif"
var snowani2=new Image()
snowani2.src="../img/snowani2.gif"
var cellpad=10
var scrollerwidth=220
var scrollerheight=30
var shadowsize=1
var scrollerleft
var scrollertop
var screenwidth
var clipleft,clipright,cliptop,clipbottom
var i_message=0
var i_snowani=0
var timer
var textwidth
var textcontent=""
var textshadowcontent=""
var bgcontent=""
if (fntweight==1) {fntweight="bold"}
else {fntweight="normald"}
topdistance=topdistance+cellpad

function doanimation() {
 if (i_snowani>=3) {i_snowani=0}
 if (document.all) {
  bgcontent="<img src='"+snowani[i_snowani]+"'>"
  bgscroller.innerHTML=bgcontent
 }
 if (document.layers) {
  document.bgscroller.document.snowpic.src=snowani[i_snowani]
 }
 i_snowani++
 var animation_timer=setTimeout("doanimation()",200)
}

function init() {
 doanimation()
 gettextcontent()
 if (document.all) {gettextshadowcontent()}
    if (document.all) {
  screenwidth=document.body.clientWidth
  scrollertop=document.body.scrollTop
  scrollerleft=screenwidth/2-scrollerwidth/2
  text.innerHTML=textcontent
  textshadow.innerHTML=textshadowcontent
  textwidth=text.offsetWidth
  document.all.bgscroller.style.posTop =scrollertop-cellpad+topdistance
        document.all.bgscroller.style.posLeft =scrollerleft-cellpad
  document.all.text.style.posTop =scrollertop+topdistance
        document.all.text.style.posLeft =scrollerleft+scrollerwidth
  document.all.textshadow.style.posTop =scrollertop+shadowsize+topdistance
        document.all.textshadow.style.posLeft =scrollerleft+scrollerwidth+shadowsize
  clipleft=0
  clipright=0
  cliptop=0
  clipbottom=scrollerheight
  document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
  document.all.textshadow.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        scrolltext()
    }
 if (document.layers) {
  screenwidth=window.innerWidth
  scrollertop=pageYOffset
  scrollerleft=screenwidth/2-scrollerwidth/2
  document.text.document.write(textcontent)
  document.text.document.close()
  textwidth=document.text.document.width
  document.bgscroller.top=scrollertop-cellpad+topdistance
        document.bgscroller.left=scrollerleft-cellpad
  document.text.top=scrollertop+topdistance
  document.text.left=scrollerleft+scrollerwidth
  document.text.clip.left=0
  document.text.clip.right=0
  document.text.clip.top=0
  document.text.clip.bottom=scrollerheight

scrolltext()
    }
}
function scrolltext() {
    if (document.all) {
  if (document.all.text.style.posLeft>=scrollerleft-textwidth) {
   document.all.text.style.posLeft-=step
   document.all.textshadow.style.posLeft =document.all.text.style.posLeft+shadowsize
   clipright+=step
   if (clipright>scrollerwidth) {
    clipleft+=step
   }
   scrollertop=document.body.scrollTop
   document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
   document.all.textshadow.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
   document.all.bgscroller.style.posTop =scrollertop-cellpad+topdistance
   document.all.text.style.posTop =scrollertop+topdistance
   document.all.textshadow.style.posTop =scrollertop+shadowsize+topdistance
   var timer=setTimeout("scrolltext()",pause)
  }
  else {
   changetext()
  }
 }
   if (document.layers) {
  if (document.text.left>=scrollerleft-textwidth) {
   document.text.left-=step
   document.text.clip.right+=step
   if (document.text.clip.right>scrollerwidth) {
    document.text.clip.left+=step
   }
   scrollertop=pageYOffset
   document.bgscroller.top=scrollertop-cellpad+topdistance
   document.text.top=scrollertop+topdistance
   var timer=setTimeout("scrolltext()",pause)
  }
  else {
   changetext()
  }
 }
}
function changetext() {
    i_message++
 if (i_message>message.length-1) {i_message=0}
 gettextcontent()
 if (document.all) {gettextshadowcontent()}
 if (document.all) {
  text.innerHTML=textcontent
  textshadow.innerHTML=textshadowcontent
  textwidth=text.offsetWidth
     document.all.text.style.posLeft= scrollerleft+scrollerwidth
  document.all.textshadow.style.posLeft= scrollerleft+scrollerwidth+shadowsize
  clipleft=0
  clipright=0
  document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.textshadow.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
          scrolltext()
 }
 if (document.layers) {
     document.text.document.write(textcontent)
  document.text.document.close()
  textwidth=document.text.document.width
  document.text.left=scrollerleft+scrollerwidth
  document.text.clip.left=0
  document.text.clip.right=0
          scrolltext()
 }
}
function gettextcontent() {
 textcontent="<span style='position:relative;font-size:"+fntsize+"pt; font-family:"+fntfamily+";font-weight:"+fntweight+";'>"
textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"
textcontent+="<nobr> <font color="+textcolor+"> "+message[i_message]+"</font></nobr></a></span>"
 
}
function gettextshadowcontent() {
 textshadowcontent="<span style='position:relative;font-size:"+fntsize+"pt; font-family:"+fntfamily+";font-weight:"+fntweight+"'>"
textshadowcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"
textshadowcontent+="<nobr><font color="+textshadowcolor+">"+message[i_message]+"</font> </nobr></a></span>"
}
window.onresize=init;
window.onload=init;</script>
</head>
<body>
<DIV ID="bgscroller" style="position:absolute;"> <img name="snowpic" src="../img/snowani0.gif"></DIV>
<DIV ID="textshadow" style="position:absolute;">Текст</DIV>
<DIV ID="text" style="position:absolute;"> <img name="snowpic" src="../img/snowani2.gif"></DIV>
</body>
</html>

Марш за добровольную армию. Заяви о своем участии!

Дизайн Scriptic. Хостинг Masterhost

Все замечания и пожелания присылайте на info@scriptic.ru

По вопросам разработки программных решений пишите на studia@scriptic.ru