首页 > 代码库 > css闪动效果 ----样式发生快速的变化
css闪动效果 ----样式发生快速的变化
<!DOCTYPE > <html> <head> <title>JS+CSS做文字闪烁</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> .wa{ font-size:13px; color: #0000FF; } .wa2{ font-size:13px; color: #FFFF00; } .sty1{ display: block; } .sty2{ display: none; } </style> </head> <body> <span class="wa" id="shan">北京青年</span> <div class="sty1" id="pic"> <img src="../img/girl.jpg" /> </div> <script type="text/javascript"> function change(){ var ss = document.getElementById("shan"); if(ss.className == "wa"){ ss.className = "wa2"; }else{ ss.className = "wa"; } setTimeout("change()",100); } change(); picChange(); function picChange(){ var pic = document.getElementById("pic"); if(pic.className == "sty1"){ pic.className = "sty2"; }else { pic.className = "sty1"; } setTimeout("picChange()",50); } </script> </body> </html>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。