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 相关文章推荐
判断iframe是否加载完成的完美方法
Jan 07 Javascript
jquery做的一个简单的屏幕锁定提示框
Mar 26 Javascript
Javascript基础教程之数据类型 (字符串 String)
Jan 18 Javascript
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
Aug 05 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
Oct 11 Javascript
JS中from 表单序列化提交的代码
Jan 20 Javascript
详解Node项目部署到云服务器上
Jul 12 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
Oct 18 Javascript
webpack4之如何编写loader的方法步骤
Jun 06 Javascript
浅谈Vue.use到底是什么鬼
Jan 21 Javascript
JS实现拖动模糊框特效
Aug 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
laravel 5.3中自定义加密服务的方案详解
2017/05/09 PHP
Laravel学习基础之migrate的使用教程
2017/10/11 PHP
jQuery 行级解析读取XML文件(附源码)
2009/10/12 Javascript
代码触发js事件(click、change)示例应用
2013/12/13 Javascript
jquery中attr和prop的区别分析
2015/03/16 Javascript
JS动画效果打开、关闭层的实现方法
2015/05/09 Javascript
在AngularJS中使用AJAX的方法
2015/06/17 Javascript
js+css实现回到顶部按钮(back to top)
2016/03/02 Javascript
让你一句话理解闭包(简单易懂)
2016/06/03 Javascript
在js中实现邮箱格式的验证方法(推荐)
2016/10/24 Javascript
利用vue写todolist单页应用
2016/12/15 Javascript
浅谈js函数三种定义方式 &amp; 四种调用方式 &amp; 调用顺序
2017/02/19 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
vue bootstrap小例子一枚
2017/06/09 Javascript
在React 组件中使用Echarts的示例代码
2017/11/08 Javascript
bootstrap+jquery项目引入文件报错的解决方法
2018/01/22 jQuery
jQuery操作cookie的示例代码
2019/06/05 jQuery
微信小程序后端实现授权登录
2020/02/24 Javascript
js实现盒子移动动画效果
2020/08/09 Javascript
react中hook介绍以及使用教程
2020/12/11 Javascript
学习python (2)
2006/10/31 Python
两个使用Python脚本操作文件的小示例分享
2015/08/27 Python
离线安装Pyecharts的步骤以及依赖包流程
2020/04/23 Python
LRUCache的实现原理及利用python实现的方法
2017/11/21 Python
pandas DataFrame 删除重复的行的实现方法
2019/01/29 Python
Python使用sax模块解析XML文件示例
2019/04/04 Python
Tensorflow tf.dynamic_partition矩阵拆分示例(Python3)
2020/02/07 Python
美国汽车零部件和配件网站:CarParts
2019/03/13 全球购物
Andrew Marc官网:设计师外套的领先制造商
2019/10/30 全球购物
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
四年的大学生生活自我评价
2013/12/09 职场文书
九月份红领巾广播稿
2014/01/22 职场文书
电子工程专业毕业生求职信
2014/03/14 职场文书
小学语文新课改心得体会
2016/01/22 职场文书
Python函数式编程中itertools模块详解
2021/09/15 Python
Nginx中使用Lua脚本与图片的缩略图处理的实现
2022/03/18 Servers