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 相关文章推荐
基于jquery的滑动样例代码
Nov 20 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
Jun 19 Javascript
微信小程序如何获知用户运行小程序的场景教程
May 17 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
May 26 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
详解关于Vuex的action传入多个参数的问题
Feb 22 Javascript
Vue开发中遇到的跨域问题及解决方法
Feb 11 Javascript
JavaScript检测浏览器是否支持CSS变量代码实例
Apr 03 Javascript
vant 自定义 van-dropdown-item的用法
Aug 05 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的FTP学习(三)
2006/10/09 PHP
PHP变量内存分配问题记录整理
2013/11/27 PHP
CI(CodeIgniter)框架介绍
2014/06/09 PHP
destoon各类调用汇总
2014/06/20 PHP
PHP实现过滤各种HTML标签
2015/05/17 PHP
PHP new static 和 new self详解
2017/02/19 PHP
js检测客户端不是firefox则提示下载
2007/04/07 Javascript
document.documentElement和document.body区别介绍
2013/09/16 Javascript
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
2014/05/10 Javascript
嵌入式iframe子页面与父页面js通信的方法
2015/01/20 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
js网页滚动条滚动事件实例分析
2015/05/05 Javascript
js获取Get值的方法
2016/09/29 Javascript
详谈js中数组(array)和对象(object)的区别
2017/02/27 Javascript
nodejs爬虫初试superagent和cheerio
2018/03/05 NodeJs
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
2018/08/24 Javascript
详解Angular6学习笔记之主从组件
2018/09/05 Javascript
Node.js 多线程完全指南总结
2019/03/27 Javascript
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
jQuery实现飞机大战小游戏
2020/07/05 jQuery
[01:17:12]职来职往完美电竞专场
2014/09/18 DOTA
在Python中使用itertools模块中的组合函数的教程
2015/04/13 Python
详解Python中heapq模块的用法
2016/06/28 Python
独特的python循环语句
2016/11/20 Python
Python栈算法的实现与简单应用示例
2017/11/01 Python
答题辅助python代码实现
2018/01/16 Python
解决Python print 输出文本显示 gbk 编码错误问题
2018/07/13 Python
节日快乐! Python画一棵圣诞树送给你
2019/12/24 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
CSS3 清除浮动的方法示例
2018/06/01 HTML / CSS
巴黎卡诗美国官方网站:始于1964年的头发头皮护理专家
2017/07/10 全球购物
建筑工程管理专业自荐信范文
2013/12/28 职场文书
家长写给老师的建议书
2014/03/13 职场文书
《白鹅》教学反思
2014/04/13 职场文书
推荐信怎么写
2014/05/09 职场文书