движещо се текстово поле в страница

ivahilator

Registered
Здравейте. Можете ли да ми кажете как точно се прави страница с движение само на текстовото поле без движение на бекграунда при местене на мишката на долу и на горе. Текстовото поле смятам да е на прозрачен фон така, че да се вижда отзад бекграунда. Ето горе долу на картинката какво имам впредвид. Намерих и един сайт с такъв ефект https://violleta.com/
Предварително благодаря!
5153096n.png
 
Това си го написах миналия ден :)
HTML:
<marquee behavior="alternate" direction="left" scrollamount="5" id="mymarquee" 
onmouseover="this.setAttribute('scrollamount', 0, 0)" onmouseout="this.setAttribute('scrollamount', 5, 0);"
bgcolor="white"
>
<table>
<tr>
<td>Text 1</td>
<td>Text 2</td>
<td>Text 3</td>
<td>Text 4</td>
</tr>
</table>
</marquee>

<button onClick="document.getElementById('mymarquee').setAttribute('direction', 'left', 0);">Left</button>
<button onClick="document.getElementById('mymarquee').setAttribute('direction', 'right', 0);">Right</button>
<button onClick="document.getElementById('mymarquee').setAttribute('scrollamount', 3, 0);">Slower</button>
<button onClick="document.getElementById('mymarquee').setAttribute('scrollamount', 5, 0);">Normal Speed</button>
<button onClick="document.getElementById('mymarquee').setAttribute('scrollamount', 0, 0);">Stop</button>
</div>
 
Мерси, че се отзова толкова бързо, но имах друго впредвид - при самото скролиране на мишката по страницата (т.е. независимо дали тя е върху текстовото поле или не) рамката с текста да се движи на долу и на горе, а бекграунда да остава неподвижен. Ето и примерна такава страница https://violleta.com/
 
Това се получава със CSS и позицията на беграунда е фиксирана background-attachment:fixed;
[css]
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
[/css]
Ето ти демо на кода тук - http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-attachment
 
Благодаря ти много. Точно това ми трябваше. А аз като се забих в шеста глуха с едни скролинг боксове с jquery ... Твоят вариант е определено по-лесния начин.
 

Горе