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 相关文章推荐
列表内容的选择
Jun 30 Javascript
Javascript在IE和FireFox中的不同表现简析
Dec 03 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
Mar 02 Javascript
js中使用使用原型(prototype)定义方法的好处详解
Jul 04 Javascript
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
在JS循环中使用async/await的方法
Oct 12 Javascript
使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置
Nov 02 Javascript
vue实现动态按钮功能
May 13 Javascript
基于JS实现前端压缩上传图片的实例代码
May 14 Javascript
JS实现的自定义map方法示例
May 17 Javascript
浅谈Vue为什么不能检测数组变动
Oct 14 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 和 MYSQL
2006/10/09 PHP
PHP的SQL注入实现(测试代码安全不错)
2011/02/27 PHP
php搜索文件程序分享
2015/10/30 PHP
Zend Framework框架实现类似Google搜索分页效果
2016/11/25 PHP
Laravel向公共模板赋值方法总结
2019/06/25 PHP
extjs 学习笔记(三) 最基本的grid
2009/10/15 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
jQuery选择器源码解读(四):tokenize方法的Expr.preFilter
2015/03/31 Javascript
浅谈javascript中return语句
2015/07/15 Javascript
nodejs使用express获取get和post传值及session验证的方法
2017/11/09 NodeJs
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
Vue使用localStorage存储数据的方法
2019/05/27 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
Django 连接sql server数据库的方法
2018/06/30 Python
python进行文件对比的方法
2018/12/24 Python
Python3 中sorted() 函数的用法
2020/03/24 Python
python进度条显示之tqmd模块
2020/08/22 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
工程力学硕士生的自我评价范文
2013/11/16 职场文书
优秀求职信范文分享
2013/12/19 职场文书
2014年3.15团委活动总结
2014/03/16 职场文书
大学生社会实践自我鉴定
2014/03/24 职场文书
《鲁班和橹板》教学反思
2014/04/27 职场文书
开工典礼策划方案
2014/05/23 职场文书
学生干部培训方案
2014/06/12 职场文书
保护水资源的标语
2014/06/17 职场文书
大学毕业典礼演讲稿
2014/09/09 职场文书
毕业生自荐材料范文
2014/12/30 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
中学生勤俭节约倡议书
2015/04/29 职场文书
教师旷工检讨书
2015/08/15 职场文书
入党申请书怎么写?
2019/06/11 职场文书
jquery插件实现搜索历史
2021/04/24 jQuery
探讨Java中的深浅拷贝问题
2021/06/26 Java/Android