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 相关文章推荐
收集的网上用的ajax之chat.js文件
Apr 08 Javascript
JavaScript Distilled 基础知识与函数
Apr 07 Javascript
javascript之通用简单的table选项卡实现(二)
May 09 Javascript
jquery中animate动画积累的解决方法
Oct 05 Javascript
AspNet中使用JQuery上传插件Uploadify详解
May 20 Javascript
Javascript实现快速排序(Quicksort)的算法详解
Sep 06 Javascript
浅析jquery与checkbox的checked属性的问题
Apr 27 Javascript
JS使用onerror捕获异常示例
Aug 03 Javascript
Node.js包管理器Yarn的入门介绍与安装
Oct 17 Javascript
BootStrapValidator校验方式
Dec 19 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
JS实现标签滚动切换效果
Dec 25 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使用GD创建保持宽高比缩略图的方法
2015/04/17 PHP
smarty高级特性之对象的使用方法
2015/12/25 PHP
用javascript实现点击链接弹出&quot;图片另存为&quot;而不是直接打开
2007/08/15 Javascript
JavaScript中的Screen屏幕对象
2008/01/16 Javascript
基于jQuery的日期选择控件
2009/10/27 Javascript
谈谈JavaScript中的函数与闭包
2013/04/14 Javascript
JS获得URL超链接的参数值实例代码
2013/06/21 Javascript
extjs 如何给column 加上提示
2014/07/29 Javascript
JavaScript代码复用模式详解
2014/11/07 Javascript
js判断浏览器类型及设备(移动页面开发)
2015/07/30 Javascript
JS实现的车标图片提示效果代码
2015/10/10 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
JS中from 表单序列化提交的代码
2017/01/20 Javascript
Canvas实现动态的雪花效果
2017/02/13 Javascript
jQuery实现搜索页面关键字的功能
2017/02/16 Javascript
使用SVG基本操作API的实例讲解
2017/09/14 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
2018/07/23 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
jquery使用echarts实现有向图可视化功能示例
2019/11/25 jQuery
vue实现下载文件流完整前后端代码
2020/11/17 Vue.js
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
python比较两个列表是否相等的方法
2015/07/28 Python
python list格式数据excel导出方法
2018/10/31 Python
对Python实现简单的API接口实例讲解
2018/12/10 Python
20行python代码的入门级小游戏的详解
2019/05/05 Python
在python中利用try..except来代替if..else的用法
2019/12/19 Python
Python基础之字典常见操作经典实例详解
2020/02/26 Python
main 函数执行以前,还会执行什么代码
2013/04/17 面试题
什么是.net的Remoting技术
2016/07/08 面试题
软件配置管理有什么好处
2015/04/15 面试题
维稳承诺书
2015/01/20 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书
生日寿星公答谢词
2015/09/29 职场文书
Sql Server之数据类型详解
2022/02/28 SQL Server
Python可视化神器pyecharts之绘制箱形图
2022/07/07 Python
windows系统搭建WEB服务器详细教程
2022/08/05 Servers