js实现文字闪烁特效的方法


Posted in Javascript onDecember 17, 2015

本文实例讲述了基于jquery实现省市联动特效的代码,分享给大家供大家参考,具体如下:

运行效果图:

js实现文字闪烁特效的方法

js实现文字闪烁特效的方法

实现原理:使用style对象来设置css属性,结合定时器就可以实现js实现文字闪烁特效。

具体代码如下

<html>
 <head>
 <meta charset="gb2312" />
 <title>js实现文字闪烁特效</title>
 </head>
<script>
 var flag = 0;
 function start(){
 var text = document.getElementById("myDiv");
 if (!flag)
 {
 text.style.color = "red";
 text.style.background = "#0000ff";
 flag = 1;
 }else{
 text.style.color = "";
 text.style.background = "";
 flag = 0;
 }
 setTimeout("start()",500);
 }
</script>
 <body onload="start()">
 <span id="myDiv">css的世界是如此的精彩!</span>
 </body>
</html>

代码复制即可运行。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js 数值项目的格式化函数代码
May 14 Javascript
jQuery入门之层次选择器实例简析
Dec 11 Javascript
理解javascript中try...catch...finally
Dec 25 Javascript
JS 拼凑字符串的简单实例
Sep 02 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
详解JS对象封装的常用方式
Dec 30 Javascript
Vue-resource实现ajax请求和跨域请求示例
Feb 23 Javascript
利用PM2部署node.js项目的方法教程
May 10 Javascript
详解Angular系列之变化检测(Change Detection)
Feb 26 Javascript
vue动态绑定class选中当前列表变色的方法示例
Dec 19 Javascript
推荐一个基于Node.js的表单验证库
Feb 15 Javascript
Web应用开发TypeScript使用详解
May 25 Javascript
基于jquery实现省市联动特效
Dec 17 #Javascript
js实现网页收藏功能
Dec 17 #Javascript
详解javascript中原始数据类型Null和Undefined
Dec 17 #Javascript
JS实现合并两个数组并去除重复项只留一个的方法
Dec 17 #Javascript
JS数组合并push与concat区别分析
Dec 17 #Javascript
理解Javascript的call、apply
Dec 16 #Javascript
javascript实现网站加入收藏功能
Dec 16 #Javascript
You might like
discuz安全提问算法
2007/06/06 PHP
PHP 变量的定义方法
2010/01/26 PHP
thinkphp分页实现效果
2016/10/13 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
爆炸式的JS圆形浮动菜单特效代码
2010/03/03 Javascript
script标签的 charset 属性使用说明
2010/12/04 Javascript
javascript当中的代码嗅探扩展原生对象和原型(prototype)
2013/01/11 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
学习Javascript面向对象编程之封装
2016/02/23 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
2016/06/08 Javascript
JS实现探测网站链接的方法【测试可用】
2016/11/08 Javascript
JavaScript中清空数组的方法总结
2016/12/02 Javascript
Angular2搜索和重置按钮过场动画
2017/05/24 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
2018/07/11 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
2020/04/24 Javascript
Selenium 模拟浏览器动态加载页面的实现方法
2018/05/16 Python
CentOS7安装Python3的教程详解
2019/04/10 Python
Python新手如何理解循环加载模块
2020/05/29 Python
为什么python比较流行
2020/06/19 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
解决keras模型保存h5文件提示无此目录问题
2020/07/01 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
Hotels.com越南:酒店预订
2019/10/29 全球购物
SQL Server的固定数据库角色都有哪些?对应的服务器权限有哪些?
2013/05/18 面试题
介绍一下JNDI的基本概念
2013/07/26 面试题
工艺工程师工作职责
2013/11/23 职场文书
小学生开学感言
2014/02/28 职场文书
岗位廉政承诺书
2014/03/27 职场文书
2014年党的群众路线教育实践活动整改措施(个人版)
2014/09/25 职场文书
华清池导游词
2015/02/02 职场文书
看雷锋电影观后感
2015/06/10 职场文书
2016大学生社会实践心得体会范文
2016/01/14 职场文书
《角的初步认识》教学反思
2016/02/17 职场文书
SpringBoot项目部署到阿里云服务器的实现步骤
2022/06/28 Java/Android