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

[ivahilator]

Здравейте. Можете ли да ми кажете как точно се прави страница с движение само на текстовото поле без движение на бекграунда при местене на мишката на долу и на горе. Текстовото поле смятам да е на прозрачен фон така, че да се вижда отзад бекграунда. Ето горе долу на картинката какво имам впредвид. Намерих и един сайт с такъв ефект https://violleta.com/
Предварително благодаря!

 

[dakata__92]

Това си го написах миналия ден

<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>

 

[ivahilator]

Мерси, че се отзова толкова бързо, но имах друго впредвид - при самото скролиране на мишката по страницата (т.е. независимо дали тя е върху текстовото поле или не) рамката с текста да се движи на долу и на горе, а бекграунда да остава неподвижен. Ето и примерна такава страница https://violleta.com/

 

[dakata__92]

Това се получава със 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

 

[bytheway]

Здравей. В сайта си имам урок, в който подробно съм описал работата на background свойството.
Но кода, който dakata__92 е постнал би трябвало да ти свърши работа.
Успех

 

[ivahilator]

Благодаря ти много. Точно това ми трябваше. А аз като се забих в шеста глуха с едни скролинг боксове с jquery ... Твоят вариант е определено по-лесния начин.