持續(xù)閃動(dòng)的小紅點(diǎn)的預(yù)覽效果：
紅點(diǎn)閃動(dòng).gif
制作方法
1.首先繪制小紅點(diǎn)及其加載的閃動(dòng)效果肴敛，如下圖：
小紅點(diǎn)及其效果
2.將這個(gè)閃動(dòng)效果設(shè)置備注名稱太惠，如下圖镰矿；然后設(shè)置閃動(dòng)效果的交互方式阱穗，分別在onshow和onhide狀態(tài)下設(shè)置指令哭懈，其中交互動(dòng)作設(shè)置如圖-“交互動(dòng)作設(shè)置1”灾馒，需要設(shè)置fade漸變的動(dòng)作以及時(shí)間。
onshow和onhide狀態(tài)下設(shè)置交互
交互動(dòng)作設(shè)置1
3.設(shè)置好后遣总，將小紅點(diǎn)和閃動(dòng)效果堆疊在一起睬罗，同時(shí)將閃動(dòng)效果整體隱藏（hide），如下圖
image.png
4.在小紅點(diǎn)所在頁(yè)面旭斥，頁(yè)面加載時(shí)(onpageload)設(shè)置閃動(dòng)效果的顯示方式容达，如下圖
頁(yè)面加載效果設(shè)置
交互方式2
5.設(shè)置完成后，將網(wǎng)頁(yè)放到瀏覽器中預(yù)覽垂券，就可以看到持續(xù)閃動(dòng)的效果了
