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 相关文章推荐
HTML5附件拖拽上传drop &amp; google.gears实现代码
Apr 28 Javascript
jquery无缝向上滚动实现代码
Mar 29 Javascript
如何使用jQuery Draggable和Droppable实现拖拽功能
Jul 05 Javascript
JavaScript函数获取事件源的小例子
May 14 Javascript
jQuery实现的Div窗口震动特效
Jun 09 Javascript
原生js仿jquery animate动画效果
Jul 13 Javascript
利用jquery禁止外层滚动条的滚动
Jan 05 Javascript
JS实现多物体运动的方法详解
Jan 23 Javascript
JS运动特效之完美运动框架实例分析
Jan 24 Javascript
vue 组件中添加样式不生效的解决方法
Jul 06 Javascript
TypeScript中使用getElementXXX()的示例代码
Sep 12 Javascript
ES6如何用一句代码实现函数的柯里化
Jan 18 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
163的邮件用phpmailer发送(实例详解)
2013/06/24 PHP
php使用yield对性能提升的测试实例分析
2019/09/19 PHP
javascript 三种编解码方式
2010/02/01 Javascript
js 小数取整的函数
2010/05/10 Javascript
jquery三个关闭弹出层的小示例
2013/11/05 Javascript
js实现select跳转功能代码
2014/10/22 Javascript
nodejs教程之环境安装及运行
2014/11/21 NodeJs
JavaScript 性能优化小结
2015/10/12 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
省市区三级联动jquery实现代码
2020/04/15 Javascript
node.js 发布订阅模式的实例
2017/09/10 Javascript
VUE中的无限循环代码解析
2017/09/22 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
2018/09/03 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
2020/04/13 Javascript
javascript+css实现俄罗斯方块小游戏
2020/06/28 Javascript
比较详细Python正则表达式操作指南(re使用)
2008/09/06 Python
图解Python变量与赋值
2018/04/03 Python
用python统计代码行的示例(包括空行和注释)
2018/07/24 Python
selenium+python截图不成功的解决方法
2019/01/30 Python
实例讲解Python中浮点型的基本内容
2019/02/11 Python
python 表格打印代码实例解析
2019/10/12 Python
Python递归函数特点及原理解析
2020/03/04 Python
利用jupyter网页版本进行python函数查询方式
2020/04/14 Python
python 如何对logging日志封装
2020/12/02 Python
深入理解HTML5定时器requestAnimationFrame的使用
2018/12/12 HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
2020/08/21 HTML / CSS
苹果中国官方网站:Apple中国
2016/07/22 全球购物
瑞典多品牌连锁店:Johnells
2021/01/13 全球购物
如何反序的迭代一个序列?how do I iterate over a sequence in reverse order
2012/02/04 面试题
销售主管的自我评价分享
2014/01/03 职场文书
《李时珍夜宿古寺》教学反思
2014/04/09 职场文书
2015小学教师年度考核工作总结
2015/05/12 职场文书
杨善洲观后感
2015/06/04 职场文书
事业单位工作人员2015年度思想工作总结
2015/10/15 职场文书
2016教师学习教育法心得体会
2016/01/19 职场文书
详解Java七大阻塞队列之SynchronousQueue
2021/09/04 Java/Android