WebSite X5Help Center

 
Luigi Dell'aquila
Luigi Dell'aquila
User

Rollover per oggetto html  it

Autor: Luigi Dell'aquila
Visitado 683, Followers 2, Compartido 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

Publicado en
6 RESPUESTAS - 1 ÚTIL - 1 CORRECTO
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

ciao

.

Leer más
Publicado en de  ‪ 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

Leer más
Publicado en de 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>

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

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

Leer más
Publicado en de 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;}

.

Leer más
Publicado en de  ‪ 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.

Leer más
Publicado en de Luigi Dell'aquila