сделать крутящую ленту баннеров на сайт "спасибо"

Статус
В этой теме нельзя размещать новые ответы.

uppss

Создатель
Регистрация
4 Апр 2009
Сообщения
12
Реакции
8
Очень хочется найти скрипт... что бы сделать не большое окошко с несколькими банерами, которые будут прокручещатся и будут кликабельными, при наводе мышки, прокрутка должна приостанавливатся.

Огромное спасибо за совет и помощ !!!
 
Очень хочется найти скрипт... что бы сделать не большое окошко с несколькими банерами, которые будут прокручещатся и будут кликабельными, при наводе мышки, прокрутка должна приостанавливатся.
Огромное спасибо за совет и помощ !!!

Вариант 1:
Код:
<html>
<head>

<script language="JavaScript1.2">

var message= new Array()

// Please read section 2 above on how the messages have to be configured.
// You may add as many messages as you like!
message[0]="Простой скрипт скролинга текста|Можно вставлять ссылки, количество сообщений неограниченно|index.htm"

message[1]="Clinton Bashes NY Mayor|Speaking to 1,000 teacher aides on Saturday, Hillary Rodham Clinton attacked Mayor Rudolph Giuliani's positions on education.|http://case.agava.ru"

message[2]="House Bill Curbs Sex Slavery|A House bill designed to protect victims of the growing international sex slavery trade would allow child victims brought to this country to stay in America.|http://case.agava.ru"

// The height of the scrollerbox (pixels)
var scrollerheight=160

// The width of the scrollerbox (pixels)
var scrollerwidth=160

// The distance to the left border of the window (pixels)
var scrollertop=20

// The distance to the top border of the window (pixels)
var scrollerleft=20

// The padding between the scrollerbox and the text (pixels)
var scrollerpadding=10

// The width of the scrollerbox-border (pixels)
var backgroundborder=2

// The background-colour of the scrollerbox
var scrollerbgcolor="DDDDDD"

// Font attributes of the title
var font_titleface="Verdana"
var font_titlecolor="FF0000"
var font_titlesize=1

// Font attributes of the copytext
var font_copyface="Verdana"
var font_copycolor="660000"
var font_copysize=1

// standstill between the messages (milliseconds)
var standstillfix=3000

// Do not edit below this line
var cliptop=0
var clipbottom=scrollerheight-2*scrollerpadding
var clipleft=0
var clipright=scrollerheight

var i_message=0
var mes_joined
var mes_split
var contenttext
var contentbg

var totalheight=scrollerheight*(message.length)
var i_height=0
var step=1
var pause=20

var standstillflex=0

function initiate(){
contenttext="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">"
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><br></td></tr>"
for (i=0;i<=message.length-1;i++) {
mes_joined=message[i]
mes_split=mes_joined.split("|")
contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><a href='"+mes_split[2]+"'><font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"+mes_split[0]+"</font></a><br><font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"+mes_split[1]+"</font></td></tr>"
}
contenttext+="</table>"

contentbg="<table cellpadding=0 cellspacing=0 border="+backgroundborder+" width='"+scrollerwidth+"'><tr><td height='"+scrollerheight+"' bgcolor="+scrollerbgcolor+"> </td></tr></table>"

if (document.all) {
scrollertext.innerHTML=contenttext
scrollerbg.innerHTML=contentbg
document.all.scrollertext.style.posTop=scrollertop
document.all.scrollertext.style.posLeft=scrollerleft
document.all.scrollerbg.style.posTop=scrollertop-scrollerpadding
document.all.scrollerbg.style.posLeft=scrollerleft-scrollerpadding
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollerbg.document.write(contentbg)
document.scrollerbg.document.close()
document.scrollertext.top=scrollertop
document.scrollertext.left=scrollerleft
document.scrollerbg.top=scrollertop-scrollerpadding
document.scrollerbg.left=scrollerleft-scrollerpadding 
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
}
scroll()
}

function scroll(){
standstillflex=standstillfix
if (document.all){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scroll()",pause)
}

else {
if (document.all.scrollertext.style.posTop<=-(totalheight)) {
document.all.scrollertext.style.posTop=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}

if (document.layers){
if (i_height<scrollerheight) {
i_height+=step
cliptop+=step
clipbottom+=step
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scroll()",pause)
}

else {
if (document.scrollertext.top<=-(totalheight)) {
document.scrollertext.top=scrollertop
cliptop=0
clipbottom=scrollerheight-2*scrollerpadding
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
standstillflex=0
}
i_height=0
clearTimeout(timer)
var timer=setTimeout("scroll()",standstillflex)
}
}
}

</script>

<style>

A {
color:AA0000;
}

A:Hover {
color:FF0000;
}

</style>

</head>

<body onLoad="initiate()">

<div id="scrollerbg" style="position:absolute;top:-1000px"> </div>
<div id="scrollertext" style="position:absolute;top:-1000px"> </div>

<DIV id="deletethisdiv" style="position:absolute;top:10px;left:180px"></DIV>

</body>

Тему перемещаю.
 
Ссылки вставлять между

// You may add as many messages as you like!

и

// The height of the scrollerbox (pixels)

Пример:
Код:
// You may add as many messages as you like!
message[0]="<a href="">ссылка 1</a>"
message[1]="<a href="">ссылка 1</a>"
message[2]="<a href="">ссылка 1</a>"
message[3]="<a href="">ссылка 1</a>"
// The height of the scrollerbox (pixels)
 
Вариант два. Взял со своего news ticker:)


Прокрутка сверху в низ.
Код:
<marquee loop="" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="1" scrolldelay="15" truespeed="truespeed" behavior="scroll" direction="down">
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
</marquee>


Прокрутка права на лево
Код:
<marquee loop="" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="1" scrolldelay="15" truespeed="truespeed" behavior="scroll" direction="left">
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
</marquee>


Тут статья по настройке:
_http://www.htmlbook.ru/html/marquee.html
 

Вложения

  • Копия Новый1.rar
    522 байт · Просмотры: 7
Вариант два. Взял со своего news ticker:)
Прокрутка сверху в низ.
Код:
<marquee loop="" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="1" scrolldelay="15" truespeed="truespeed" behavior="scroll" direction="down">
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
<a href="#">ссылЬка</a><br>
</marquee>

спасибо огромное все ок,
а как можно размер окошка(высоту) во втором способе редуцирывать, уменьшить
 
HTML:
<table width="размер в пикселях" border="0"  cellpadding="0" cellspacing="0">
  <tr>
    <td>
      Тут сам код крутилки 

    </td>
  </tr>
</table>

Вроде так должно ))
 
возможно эту крутилку приостанавливать и показывать 3 секунды кажий баннер ???
 
я денег дам если нужно, но решение моей просьбы мне важна !!!
 
очень - очень актуально !!!
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху