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 Objects详解
Sep 04 Javascript
JavaScript中获取HTML元素值的三种方法
Jun 20 Javascript
javascript 常用验证函数总结
Jun 28 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
Jul 22 Javascript
JavaScript 对象详细整理总结
Sep 29 Javascript
jQuery实现两列等高并自适应高度
Dec 22 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
Dec 22 Javascript
JS判断时间段的实现代码
Jun 14 Javascript
通俗易懂地解释JS中的闭包
Oct 23 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
Jan 25 Javascript
JS设计模式之命令模式概念与用法分析
Feb 06 Javascript
node.js命令行教程图文详解
May 27 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/10/09 PHP
PHP获取网站域名和地址的代码
2008/08/17 PHP
PHP和JAVA中的重载(overload)和覆盖(override) 介绍
2012/03/01 PHP
深入PHP empty(),isset(),is_null()的实例测试详解
2013/06/06 PHP
PHP安装threads多线程扩展基础教程
2015/11/17 PHP
Laravel中任务调度console使用方法小结
2017/05/07 PHP
解决laravel上传图片之后,目录有图片,但是访问不到(404)的问题
2019/10/14 PHP
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
扩展easyui.datagrid,添加数据loading遮罩效果代码
2010/11/02 Javascript
js 限制数字 js限制输入实现代码
2012/12/04 Javascript
javascript SpiderMonkey中的函数序列化如何进行
2012/12/05 Javascript
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
jQuery在html有效在jsp无效的原因及解决方法
2013/08/02 Javascript
jquery动态分页效果堪比时光网
2014/09/25 Javascript
jQuery插件实现控制网页元素动态居中显示
2015/03/24 Javascript
js+html5实现canvas绘制椭圆形图案的方法
2016/05/21 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
2017/02/10 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
2018/02/03 Javascript
通过vue提供的keep-alive减少对服务器的请求次数
2018/04/01 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
2019/04/22 Javascript
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
2019/05/22 Javascript
一文快速了解JQuery中的AJAX
2019/05/31 jQuery
微信小程序模板消息推送的两种实现方式
2019/08/27 Javascript
ES6中new Function()语法及应用实例分析
2020/02/19 Javascript
原生js实现贪吃蛇游戏
2020/10/26 Javascript
vue组件中节流函数的失效的原因和解决方法
2020/12/02 Vue.js
SpringBoot+Vue 前后端合并部署的配置方法
2020/12/30 Vue.js
使用Python操作Elasticsearch数据索引的教程
2015/04/08 Python
Python实现Event回调机制的方法
2019/02/13 Python
ubuntu上安装python的实例方法
2019/09/30 Python
matplotlib绘制多个子图(subplot)的方法
2019/12/03 Python
工商管理本科毕业生求职信范文
2013/10/05 职场文书
迎八一活动主题
2014/01/31 职场文书
公司管理建议书范文
2014/03/12 职场文书
2014红色之旅心得体会
2014/10/07 职场文书
2014年建筑工作总结
2014/11/26 职场文书