pr怎么讓滾動(dòng)字幕停留三秒
PR如何讓滾動(dòng)字幕停留三秒在PR(公關(guān))中,滾動(dòng)字幕是一種常見(jiàn)的展示方式,可以吸引人們的注意力并傳達(dá)信息。有時(shí)候,我們希望字幕在滾動(dòng)過(guò)程中停留一段時(shí)間,給觀眾足夠的時(shí)間閱讀和理解。下面將介紹兩種方法來(lái)
PR如何讓滾動(dòng)字幕停留三秒
在PR(公關(guān))中,滾動(dòng)字幕是一種常見(jiàn)的展示方式,可以吸引人們的注意力并傳達(dá)信息。有時(shí)候,我們希望字幕在滾動(dòng)過(guò)程中停留一段時(shí)間,給觀眾足夠的時(shí)間閱讀和理解。下面將介紹兩種方法來(lái)實(shí)現(xiàn)這個(gè)效果。
方法一:使用JavaScript
1. 在HTML文件中,找到滾動(dòng)字幕的代碼段。一般情況下,會(huì)使用
2. 在
marquee {
animation: pause 3s linear;
}
@keyframes pause {
0%, 100% {
animation-timing-function: steps(1);
}
50% {
animation-timing-function: steps(50);
}
}
3. 保存HTML文件并重新加載頁(yè)面,你會(huì)發(fā)現(xiàn)滾動(dòng)字幕會(huì)在每次滾動(dòng)到中心位置時(shí)停留三秒鐘。
方法二:使用CSS動(dòng)畫(huà)
1. 在CSS文件中,找到滾動(dòng)字幕的選擇器,并添加以下屬性:
.scrolling-text {
animation: pause 3s infinite;
}
@keyframes pause {
0%, 100% {
transform: translateX(0);
}
50% {
transform: translateX(calc(50vw - 150px));
}
}
2. 在HTML文件中,找到滾動(dòng)字幕的元素,并為它添加一個(gè)class,例如:
3. 保存CSS文件和HTML文件,并重新加載頁(yè)面,你會(huì)看到滾動(dòng)字幕會(huì)在滾動(dòng)到一半的位置停留三秒鐘。
以上是通過(guò)調(diào)整代碼來(lái)實(shí)現(xiàn)讓滾動(dòng)字幕停留三秒的兩種方法??梢愿鶕?jù)具體情況選擇合適的方法來(lái)實(shí)現(xiàn)效果。希望本文能幫助到你!