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实现页面滚动时顶部导航显示隐藏
Apr 20 Javascript
ajax跨域调用webservice的实现代码
May 09 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
Jul 28 Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
Oct 19 Javascript
微信小程序开发之数据存储 参数传递 数据缓存
Apr 13 Javascript
Vue cli+mui 区域滚动的实例代码
Jan 25 Javascript
小程序实现发表评论功能
Jul 06 Javascript
详解vue中async-await的使用误区
Dec 05 Javascript
ES6 Object方法扩展的应用实例分析
Jun 25 Javascript
JS中call()和apply()的功能及用法实例分析
Jun 28 Javascript
Js实现复选框的全选、全不选反选功能代码实例
Feb 28 Javascript
js实现登录时记住密码的方法分析
Apr 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 输出双引号&quot;与单引号'的方法
2010/05/09 PHP
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
图文介绍PHP添加Redis模块及连接
2015/07/28 PHP
PHP设计模式之单例模式原理与实现方法分析
2018/04/25 PHP
laravel5.6中的外键约束示例
2019/10/23 PHP
javascript中的undefined 与 null 的区别  补充篇
2010/03/17 Javascript
jQuery EasyUI API 中文文档 - ComboGrid 组合表格
2011/10/13 Javascript
javaScript实现滚动新闻的方法
2015/07/30 Javascript
js实现仿qq消息的弹出窗效果
2016/01/06 Javascript
JavaScript操作select元素和option的实例代码
2016/01/29 Javascript
a标签置灰不可点击的实现方法
2017/02/06 Javascript
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
详解A标签中href=&quot;&quot;的几种用法
2017/08/20 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
2019/04/17 Javascript
jQuery实现回到顶部效果
2020/10/19 jQuery
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
使用tensorflow实现AlexNet
2017/11/20 Python
python导出hive数据表的schema实例代码
2018/01/22 Python
pytorch中使用cuda扩展的实现示例
2020/02/12 Python
html Table 表头固定的实现
2019/01/22 HTML / CSS
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
加拿大在线旅游公司:Flighthub
2019/03/11 全球购物
香港家用健身器材、运动器材及健康美容仪器专门店:FitBoxx
2019/12/05 全球购物
网络工程与软件技术毕业生自荐信
2013/09/24 职场文书
体育学院毕业生自荐信
2013/11/03 职场文书
个人简历自我评价范文
2014/02/04 职场文书
“四风”查摆问题自我剖析材料
2014/09/27 职场文书
小学运动会报道稿
2014/10/04 职场文书
房屋转让协议书
2014/10/18 职场文书
初三学生语文考试作弊检讨书
2014/12/14 职场文书
优秀教育工作者事迹材料
2014/12/24 职场文书
工作表扬信范文
2015/01/17 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书
Python实现Telnet自动连接检测密码的示例
2021/04/16 Python
前端JS获取URL参数的4种方法总结
2022/04/05 Javascript