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所必须要知道的一些
Mar 07 Javascript
使用JS读秒使用示例
Sep 21 Javascript
常用jQuery代码分享
Jul 14 Javascript
JavaScript笔记之数据属性和存储器属性
Mar 31 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
Oct 09 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
Feb 28 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
Mar 23 jQuery
基于webpack.config.js 参数详解
Mar 20 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
Aug 07 Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
Nov 21 Javascript
微信小程序开发注意指南和优化实践(小结)
Jun 21 Javascript
element-ui 实现响应式导航栏的示例代码
May 08 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 htmlspecialchars_decode()函数用法讲解
2019/03/01 PHP
PHP生成随机字符串实例代码(字母+数字)
2019/09/11 PHP
js cookies实现简单统计访问次数
2009/11/24 Javascript
jQuery Validation实例代码 让验证变得如此容易
2010/10/18 Javascript
editable.js 基于jquery的表格的编辑插件
2011/10/24 Javascript
枚举的实现求得1-1000所有出现1的数字并计算出现1的个数
2013/09/10 Javascript
jQuery 三击事件实现代码
2013/09/11 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
2013/10/20 Javascript
使用JSLint提高JS代码质量方法分享
2013/12/16 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
2015/02/20 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
2015/09/12 Javascript
深入浅析JavaScript中的constructor
2016/04/19 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
RequireJS简易绘图程序开发
2016/10/28 Javascript
JavaScript交换两个变量值的七种解决方案
2016/12/01 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
2017/02/20 Javascript
如何给ss bash 写一个 WEB 端查看流量的页面
2017/03/23 Javascript
jQuery中each遍历的三种方法实例分析
2018/09/07 jQuery
微信小程序实现的一键连接wifi功能示例
2019/04/24 Javascript
纯JS开发baguetteBox.js响应式画廊插件
2020/06/28 Javascript
一张图带我们入门Python基础教程
2017/02/05 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
解决Mac安装scrapy失败的问题
2018/06/13 Python
django列表筛选功能的实现代码
2020/03/27 Python
一款基于css3的动画按钮代码教程
2014/11/23 HTML / CSS
HTML5 canvas 瀑布流文字效果的示例代码
2018/01/31 HTML / CSS
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
SQL里面IN比较快还是EXISTS比较快
2012/07/19 面试题
自荐信的五个重要部分
2013/10/29 职场文书
法定代表人证明书
2014/11/28 职场文书
如何书写你的职业生涯规划书?
2019/06/27 职场文书
基于nginx实现上游服务器动态自动上下线无需reload的实现方法
2021/03/31 Servers
MySQL系列之开篇 MySQL关系型数据库基础概念
2021/07/02 MySQL
SQL SERVER存储过程用法详解
2022/02/24 SQL Server