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 相关文章推荐
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
Extjs中ComboBox加载并赋初值的实现方法
Mar 22 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
Jun 09 Javascript
详解 javascript中offsetleft属性的用法
Nov 11 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
jQuery plugin animsition使用小结
Sep 14 jQuery
vue自定义指令directive实例详解
Jan 17 Javascript
Vue项目中跨域问题解决方案
Jun 05 Javascript
Bootstrap Table实现定时刷新数据的方法
Aug 13 Javascript
vue基于element的区间选择组件
Sep 07 Javascript
Vue 实现列表动态添加和删除的两种方法小结
Sep 07 Javascript
Vue实现base64编码图片间的切换功能
Dec 04 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实现正则表达式分组捕获操作示例
2018/02/03 PHP
jquery tab插件制作实现代码
2010/06/22 Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
2011/11/15 Javascript
javascript获取作用在元素上面的样式属性代码
2012/09/20 Javascript
jQuery中通过ajax的get()函数读取页面的方法
2016/02/29 Javascript
详解Matlab中 sort 函数用法
2016/03/20 Javascript
JavaScript函数柯里化详解
2016/04/29 Javascript
JavaScript程序中实现继承特性的方式总结
2016/06/24 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
2020/04/23 Javascript
基于Vue2.0的分页组件
2017/03/16 Javascript
vue使用ajax获取后台数据进行显示的示例
2018/08/09 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
2018/08/28 Javascript
详解js访问对象的属性和方法
2018/10/25 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
2019/08/20 Javascript
微信小程序通过js实现瀑布流布局详解
2019/08/28 Javascript
vue中的 $slot 获取插槽的节点实例
2019/11/12 Javascript
[08:44]和酒神一起战斗 DOTA2教你做大人
2014/03/27 DOTA
跟老齐学Python之list和str比较
2014/09/20 Python
python实现简单socket程序在两台电脑之间传输消息的方法
2015/03/13 Python
python操作 hbase 数据的方法
2016/12/18 Python
Python3下错误AttributeError: ‘dict’ object has no attribute’iteritems‘的分析与解决
2017/07/06 Python
Python如何抓取天猫商品详细信息及交易记录
2018/02/23 Python
python卸载后再次安装遇到的问题解决
2019/07/10 Python
django实现类似触发器的功能
2019/11/15 Python
pytorch 实现查看网络中的参数
2020/01/06 Python
使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题
2016/06/28 HTML / CSS
下列程序在32位linux或unix中的结果是什么
2014/03/25 面试题
异步传递消息系统的作用
2016/05/01 面试题
实习自荐信
2013/10/13 职场文书
建筑装饰学院室内设计专业个人自我评价
2013/12/07 职场文书
2014领导班子专题民主生活会对照检查材料思想汇报
2014/09/23 职场文书
项目经理岗位职责
2015/01/31 职场文书
狮子林导游词
2015/02/03 职场文书
评奖评优个人先进事迹材料
2015/11/04 职场文书
总结几个非常实用的Python库
2021/06/26 Python
Tomcat starup.bat 脚本实现开机自启动
2022/04/20 Servers