编程 Javascript

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

Posted in Javascript onDecember 17, 2015

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

运行效果图：

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程序设计有所帮助。

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

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

HTML5附件拖拽上传drop & 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