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 相关文章推荐
Javascript匿名函数的一种应用 代码封装
Jun 27 Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
May 14 Javascript
JS中getYear()和getFullYear()区别分析
Jul 04 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
Apr 17 Javascript
JavaScript获取浏览器信息的方法
Nov 20 Javascript
JavaScript绑定事件监听函数的通用方法
May 14 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
ThinkJS中如何使用MongoDB的CURD操作
Dec 13 Javascript
微信小程序实战之自定义模态弹窗(8)
Apr 18 Javascript
node.js的Express服务器基本使用教程
Jan 09 Javascript
vue插槽slot的理解和使用方法
Apr 03 Javascript
vue中el-input绑定键盘按键(按键修饰符)
Jul 22 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 微信小程序后端搭建步骤详解
2019/11/26 PHP
Asp.Net alert弹出提示信息的几种方法总结
2014/01/29 Javascript
深入分析js的冒泡事件
2014/12/05 Javascript
深入分析原生JavaScript事件
2014/12/29 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
2015/08/26 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
详解Vue-cli代理解决跨域问题
2017/09/27 Javascript
详解JavaScript对数组操作(添加/删除/截取/排序/倒序)
2019/04/28 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
2019/08/06 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
[13:25]VP vs VICI (BO3)
2018/06/07 DOTA
Python抓取百度查询结果的方法
2015/07/08 Python
Python初学时购物车程序练习实例(推荐)
2017/08/08 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
Python wxPython库消息对话框MessageDialog用法示例
2018/09/03 Python
python 美化输出信息的实例
2018/10/15 Python
在python里协程使用同步锁Lock的实例
2019/02/19 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
python将音频进行变速的操作方法
2020/04/08 Python
利用python下载scihub成文献为PDF操作
2020/07/09 Python
HTML5新增的标签和属性归纳总结
2018/05/02 HTML / CSS
Spartoo芬兰:欧洲最大的网上鞋店
2016/08/28 全球购物
For Art’s Sake官网:手工制作的奢华眼镜
2018/12/15 全球购物
New Balance澳大利亚官网:运动鞋和健身服装
2019/02/23 全球购物
Ejb技术面试题
2015/04/29 面试题
我的求职计划书
2014/01/10 职场文书
业务员薪酬管理制度
2014/01/15 职场文书
装配出错检讨书
2014/09/23 职场文书
2014年管理工作总结
2014/11/22 职场文书
房屋授权无偿使用证明
2014/11/29 职场文书
英文邀请函
2015/02/02 职场文书
趣味运动会口号
2015/12/24 职场文书
《角的度量》教学反思
2016/02/18 职场文书
css常用字体属性与背景属性介绍
2022/02/28 HTML / CSS