我在一行中有一個單詞滑塊串列，每個客戶都可以點擊并打開其他頁面，當我將滑鼠懸停在影片暫時暫停的單詞上時，我想要請幫助我嗎？
例子
<ul>
<li className="text">Client</li>
<li>exemple</li>
<li className="text">Client</li>
<li>exemple</li>
<li className="text">Client</li>
<li>exemple</li>
</ul>
@keyframes slide {
0% {transform: translateX(0%);}
100% {transform: translateX(-180%);}
}
>div ul{
display: flex;
justify-content: space-between;
align-items: center;
list-style-type: none;
white-space: nowrap;
transition: all 1s ease;
width: 100%;
animation: slide 20s linear infinite;
}
uj5u.com熱心網友回復：
只需您可以在懸停時暫停影片并將每個客戶端文本單擊到新選項卡
@keyframes slide {
0% {transform: translateX(0%);}
100% {transform: translateX(-180%);}
}
ul{
display: flex;
justify-content: space-between;
align-items: center;
list-style-type: none;
white-space: nowrap;
transition: all 1s ease;
width: 100%;
animation: slide 20s linear infinite;
}
ul:hover{
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-o-animation-play-state:paused;
animation-play-state:paused;
cursor: pointer;
}<ul>
<li><a href="www.google.com" target="_blank" className="text">Client</a></li>
<li>exemple</li>
<li className="text"><a href="www.google.com" target="_blank">Client</a></li>
<li>exemple</li>
<li className="text"><a href="www.google.com" target="_blank">Client</a></li>
<li>exemple</li>
</ul>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/483156.html
標籤：javascript css 反应 样式化组件
下一篇：即使插入視口，媒體查詢也不起作用