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

Тема в разделе "Другие языки", создана пользователем uppss, 3 июл 2009.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. uppss

    uppss Создатель

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

    Огромное спасибо за совет и помощ !!!
     
  2. Mons

    Mons

    Регистр.:
    2 апр 2006
    Сообщения:
    1.590
    Симпатии:
    917
    Вариант 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>
    Тему перемещаю.
     
    uppss нравится это.
  3. Mons

    Mons

    Регистр.:
    2 апр 2006
    Сообщения:
    1.590
    Симпатии:
    917
    Ссылки вставлять между

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

    и

    // The height of the scrollerbox (pixels)

    Пример:
     
    uppss нравится это.
  4. Mons

    Mons

    Регистр.:
    2 апр 2006
    Сообщения:
    1.590
    Симпатии:
    917
    Вариант два. Взял со своего 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
     

    Вложения:

    uppss нравится это.
  5. uppss

    uppss Создатель

    Регистр.:
    5 апр 2009
    Сообщения:
    12
    Симпатии:
    8
     
  6. Mons

    Mons

    Регистр.:
    2 апр 2006
    Сообщения:
    1.590
    Симпатии:
    917
    HTML:
    <table width="размер в пикселях" border="0"  cellpadding="0" cellspacing="0">
      <tr>
        <td>
          Тут сам код крутилки 
    
        </td>
      </tr>
    </table>
    Вроде так должно ))
     
    uppss нравится это.
  7. uppss

    uppss Создатель

    Регистр.:
    5 апр 2009
    Сообщения:
    12
    Симпатии:
    8
    возможно эту крутилку приостанавливать и показывать 3 секунды кажий баннер ???
     
  8. uppss

    uppss Создатель

    Регистр.:
    5 апр 2009
    Сообщения:
    12
    Симпатии:
    8
    я денег дам если нужно, но решение моей просьбы мне важна !!!
     
  9. uppss

    uppss Создатель

    Регистр.:
    5 апр 2009
    Сообщения:
    12
    Симпатии:
    8
    очень - очень актуально !!!
     
Статус темы:
Закрыта.