WebSite X5Help Center

 
Luigi Dell'aquila
Luigi Dell'aquila
User

Rollover per oggetto html  it

Autor: Luigi Dell'aquila
Visited 678, Followers 2, Udostępniony 0  

Ciao a tutti
avrei bisogno di creare del testo scorrevole in verticale con dei link (tipo il RollOver dell'oggetto testo) da inserire in un oggetto html. Non il tag <marque> che è deprecato.
Grazie

Posted on the
6 ODPOWIEDZI - 1 POMOCNY - 1 PRAWIDłOWA ODPOWIEDź
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... hai già provato con il > Rollower  del testo ...?...

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

Ciao KolAsim. Sì l'ho provato, ma mi serviva nell'oggetto html perchè ho da inserire altro

Czytaj więcej
Posted on the from Luigi Dell'aquila
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Luigi Dell'aquila
mi serviva nell'oggetto html perchè ho da inserire altro

... copia/incolla e capirai da te...wink... ciao...

<!-- preferibilmente per sezione /HEAD - 3^opz. -->
<style>
.scrollK:hover {animation-play-state: paused;}
@keyframes scrollK {0% { top:300px } 100% {top:-300px }}
</style>
<!-- per Oggetto Codice HTML -->
<div style="position:relative;width:300px; height:300px;overflow-y:hidden;">
<div class="scrollK" style="position:relative;animation: scrollK 15s linear infinite;">
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="pippo.html"> PIPPO </a>, Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <a href="pluto.html"> PLUTO </a>,Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<img src="https://cdn.pixabay.com/photo/2018/04/25/22/10/silhouette-3350708__340.png" width="150" />
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="pippo.html"> PIPPO </a>, Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <a href="pluto.html"> PLUTO </a>,Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</div>
</div>

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

Sì grazie va bene, c'è la possibilità di bloccare al passaggio del mouse?

Czytaj więcej
Posted on the from Luigi Dell'aquila
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... in teoria doveva già funzionare...

... comunque, nella stringa di riferimento aggiungi la parte qui appresso in grassetto..

.scrollK:hover {animation-play-state: paused !important;}

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

Sì, ora funziona, grazie Kolasim.
Questo post lo chiudo perchè ho risolto, ma ne riapro un altro perchè ho altri problemi.

Czytaj więcej
Posted on the from Luigi Dell'aquila