【杂谈】js怎样完成笔墨闪灼殊效?(图文+视频)
2019-11-18杂谈搜奇网52°c
A+ A-
本篇文章主要给人人引见怎样用
js完成笔墨闪灼殊效。
我们在前端页面设想过程当中,增加一些动态殊效明显能够使网站内容越发雄厚,而且也越发雅观,能够吸收用户注视。
关于前端新手来讲,运用js完成一些殊效也许有肯定难度,但实在也是异常简朴的。
下面我们就经由过程简朴的代码示例,给人人引见js完成笔墨闪烁的殊效要领。【更多js殊效,可接见js殊效代码下载栏目检察】
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js完成笔墨闪灼殊效</title> </head> <body> <div id="blink">Ki4网</div> </body> <script language="javascript"> function changeColor() { var color = ['#F96','#cc6']; // parseInt 将字符串范例转换为整型 random 猎取0-1之间的随机数 color.length color数组的长度 document.getElementById("blink").style.color = color[parseInt(Math.random() * color.length)]; } // 实行定义好的changeColor要领,200毫秒实行一下 setInterval("changeColor()", 200); </script> <style> * { color: #CC6 } </style> </html>
终究结果如下图:
本篇文章就是关于js完成笔墨闪灼结果的要领引见,也是异常简朴易懂,愿望对须要的朋侪有所协助!
想要相识更多前端相干学问,能够关注Ki4网JavaScript视频教程、HTML视频教程、CSS视频教程、Bootstrap视频教程等等相干教程,迎接人人参考进修!
以上就是js怎样完成笔墨闪灼殊效?(图文+视频)的细致内容,更多请关注ki4网别的相干文章!
标签:js文字闪烁