Rollover per oggetto html 
Автор: Luigi Dell'aquila
Просмотрено 569,
Подписчики 2,
Размещенный 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
Размещено
... hai già provato con il > Rollower del testo ...?...
ciao
.
Автор
Ciao KolAsim. Sì l'ho provato, ma mi serviva nell'oggetto html perchè ho da inserire altro
... copia/incolla e capirai da te...
... 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>
.
Автор
Sì grazie va bene, c'è la possibilità di bloccare al passaggio del mouse?
... in teoria doveva già funzionare...
... comunque, nella stringa di riferimento aggiungi la parte qui appresso in grassetto..
.scrollK:hover {animation-play-state: paused !important;}
.
Автор
Sì, ora funziona, grazie Kolasim.
Questo post lo chiudo perchè ho risolto, ma ne riapro un altro perchè ho altri problemi.