信息发布软件,b2b软件,广告发布软件

标题: JavaScript找了好久才找到的闪烁原理这次可就亮瞎眼睛了 [打印本页]

作者: 群发软件 时间: 2017-6-7 00:01
标题: JavaScript找了好久才找到的闪烁原理这次可就亮瞎眼睛了

最近在学着用easyui，发现框架用起来果然是方便简洁，能弄出这框架的都是大神级别了吧，牛啊....

今天碰到这个应用可以说是让我非常之无语，整出源码来一看就明白了，可之前却还是感觉非常神奇，我也常常告诉自己，要多动脑筋，实际上有一些也的确有想过，但实在是效果很牵强，而当源码拿出来看的时候却又格外的明白，如果这时候我可以看到自己的表情，大抵就是一个纠结吧，如果说量变引起质变，那我的量还差的太多了，连见多识广都算不上，何谈创造啊。

先来分析下实现的原理吧，闪烁的原理是什么呢：其实就一个，display在none与block之间频繁的交替，这样说你明白了么。

还是先上代码：

html部分：

<div style="width: 50px;height: 50px;background-color: cyan;display: block;" id="showZone"></div>//是不是很熟悉啊 javascript部分： window.onload=function(){ var obj=document.getElementById("showZone"); var timer=null; obj.onclick=function(){ var i=0; clearInterval(timer); timer=setInterval(function(){ obj.style.display=i++%2?"none":"block";//还是有收获的，这个写法比if..else想必简单了好多 i>8&&clearInterval(timer);//这个短路用的经典啊 },80); }; };

虽然原理上简单，但是前辈的代码比我个人编写的代码要简单太多了，还是很有收获的。

easyui也进入学习日程了，这一天天的是越排越满啊......加油,笨鸟飞飞飞.....

本文实例讲述了基于jquery实现省市联动特效的代码，分享给大家供大家参考，具体如下：

运行效果图：

实现原理：使用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> <span id="myDiv">css的世界是如此的精彩！</span> </body></html>

代码复制即可运行。

希望本文所述对大家JavaScript程序设计有所帮助。

作者: jzgsjt 时间: 2017-6-9 00:29
，店家真有样，大爱！

作者: weipinzongmeng 时间: 2017-6-10 15:36
！满意!

作者: q117971371 时间: 2017-6-12 20:57
。服务不

作者: cd0010 时间: 2017-6-16 23:03
，整体满意，好评

作者: q1598188 时间: 2017-6-18 02:57
高大上，速度也很给力，非常不错

作者: a001hao 时间: 2017-6-23 00:05
很复杂很耐心祝生意好

作者: 123 时间: 2017-6-23 01:24
复的视频！而且这些视频很多都是网上搜的卖家客服又不在线！不过还算可以有几个值得买的视频

作者: 脱颖而出 时间: 2017-6-23 13:04
很好独特运行速度也很快卖家很专业

作者: anleeycn 时间: 2017-6-30 12:29
棒。从售前到售后所有工作人员都超级耐心！也非常的专业！支持！点个赞

作者: dfgdgdfgdf 时间: 2017-6-30 17:40
错，服务也非常到位，后面有朋友都会介绍过来的，加油加油！

作者: xbaobeit 时间: 2017-7-2 20:25
简装效果跟没有精装的好，但是价位还算行吧，客服，设计人很好。

欢迎光临信息发布软件,b2b软件,广告发布软件 (http://postbbs.com/)