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 面向对象 重载
May 13 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 Javascript
网站如何做到完全不需要jQuery也可以满足简单需求
Jun 27 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
Feb 24 Javascript
js实现jquery的offset()方法实例
Jan 10 Javascript
Easyui的组合框的取值与赋值
Oct 28 Javascript
layui实现动态和静态分页
Apr 28 Javascript
解决angularJS中input标签的ng-change事件无效问题
Sep 13 Javascript
Vue + Elementui实现多标签页共存的方法
Jun 12 Javascript
Vue-CLI 项目在pycharm中配置方法
Aug 30 Javascript
解决layui动态加载复选框无法选中的问题
Sep 20 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
PHP经典的给图片加水印程序
2006/12/06 PHP
发布一个用PHP fsockopen写的HTTP下载的类
2007/02/22 PHP
PHP下常用正则表达式整理
2010/10/26 PHP
THINKPHP项目开发中的日志记录实例分析
2014/12/01 PHP
JS文本框不能输入空格验证方法
2013/03/19 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
js通过八个点 拖动改变div大小的实现方法
2014/03/05 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
2014/10/16 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
2014/11/26 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
jQuery中的select操作详解
2016/11/29 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
微信小程序中上传图片并进行压缩的实现代码
2018/08/28 Javascript
基于Vue 实现一个中规中矩loading组件
2019/04/03 Javascript
JQuery发送ajax请求时中文乱码问题解决
2019/11/14 jQuery
[49:15]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第二场 1月19日
2021/03/11 DOTA
python基础教程之元组操作使用详解
2014/03/25 Python
python 二分查找和快速排序实例详解
2017/10/13 Python
spark: RDD与DataFrame之间的相互转换方法
2018/06/07 Python
python基于itchat模块实现微信防撤回
2019/04/29 Python
Python3使用PySynth制作音乐的方法
2019/09/09 Python
妙用itchat! python实现久坐提醒功能
2019/11/25 Python
python相对企业语言优势在哪
2020/06/12 Python
CSS3中background-clip和background-origin的区别示例介绍
2014/03/10 HTML / CSS
基于HTML5 FileSystem API的使用介绍
2013/04/24 HTML / CSS
微信浏览器取消缓存的方法
2015/03/28 HTML / CSS
美国一家全面的在线零售鞋类公司:SHOEBACCA
2017/01/06 全球购物
软件测试英文面试题
2012/10/14 面试题
新闻学专业应届生求职信
2013/11/08 职场文书
学生请假条
2014/04/11 职场文书
设计专业毕业生求职信
2014/06/25 职场文书
公司欠款证明
2015/06/24 职场文书
2015年食品安全宣传周活动总结
2015/07/09 职场文书
Python机器学习之基础概述
2021/05/19 Python
opencv读取视频并保存图像的方法
2021/06/04 Python
浅析MySQL如何实现事务隔离
2021/06/26 MySQL