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 相关文章推荐
JS setCapture 区域外事件捕捉
Mar 18 Javascript
javascript中clone对象详解
Dec 03 Javascript
浅谈javascript构造函数与实例化对象
Jun 22 Javascript
javascript单例模式的简单实现方法
Jul 25 Javascript
jQuery实现的简单提示信息插件
Dec 08 Javascript
Javascript的动态增加类的实现方法
Oct 20 Javascript
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
Dec 14 Javascript
Angular.js去除页面中显示的空行方法示例
Mar 30 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
May 11 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
Apr 28 Javascript
你准备好迎接vue3.0了吗
Apr 28 Javascript
vue实现信息管理系统
May 30 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文件注释标记及规范小结
2012/04/01 PHP
Laravel 5框架学习之子视图和表单复用
2015/04/09 PHP
PHP实现批量修改文件后缀名的方法
2015/07/30 PHP
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
基于jQuery的仿flash的广告轮播代码
2010/11/04 Javascript
js中window.open()的所有参数详细解析
2014/01/09 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
nodejs中操作mysql数据库示例
2014/12/20 NodeJs
jQuery中toggleClass()方法用法实例
2015/01/05 Javascript
javascript和jquery实现用户登录验证
2016/05/04 Javascript
浅谈JavaScript 标准对象
2016/06/02 Javascript
js 发布订阅模式的实例讲解
2017/09/10 Javascript
vue代理和跨域问题的解决
2018/07/18 Javascript
vue打包相关细节整理(小结)
2018/09/28 Javascript
Vue实现购物车详情页面的方法
2019/08/20 Javascript
node实现爬虫的几种简易方式
2019/08/22 Javascript
ES6的异步操作之promise用法和async函数的具体使用
2019/12/06 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
2020/05/06 Javascript
[02:32]DOTA2亚洲邀请赛 VG战队巡礼
2015/02/03 DOTA
[01:48]帕吉至宝加入游戏,遗迹战场现“千劫神屠”
2018/04/07 DOTA
python计算对角线有理函数插值的方法
2015/05/07 Python
详解Django之auth模块(用户认证)
2018/04/17 Python
python退出命令是什么?详解python退出方法
2018/12/10 Python
python隐藏终端执行cmd命令的方法
2019/06/24 Python
Python用input输入列表的实例代码
2020/02/07 Python
python 实现任务管理清单案例
2020/04/25 Python
python中plt.imshow与cv2.imshow显示颜色问题
2020/07/16 Python
Python模拟键盘输入自动登录TGP
2020/11/27 Python
python 利用matplotlib在3D空间绘制二次抛物面的案例
2021/02/06 Python
手机端用rem+scss做适配的详解
2017/11/15 HTML / CSS
乌克兰品牌化妆品和香水在线商店:Bomond
2020/01/14 全球购物
企事业单位求职者的自我评价
2013/12/28 职场文书
内科护士节演讲稿
2014/09/11 职场文书
学习朴航瑛老师爱岗敬业先进事迹思想汇报
2014/09/17 职场文书
python 字典和列表嵌套用法详解
2021/06/29 Python
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL