css - how to stop other divs from animating using javascript? -

-

i having problem in stopping other divs animating. making square blinking divs everytime add other divs don't need animate , animate well.

this code :

javascript

var fadeintime = 500; var fadeouttime = 1000; $(document).ready(function(){ setinterval(anim, 50); }); function anim(){ var rand = math.floor((math.random()*$("body").children("div").length)); var el = $("body").children("div")[rand]; $(el).animate({opacity: "0.7"}, fadeintime); $(el).animate({opacity: "0.1"}, fadeouttime); }

html 

<div class="squares1"></div><div class="squares2"></div><div class="squares3"></div><div class="squares5"></div><div class="squares3"></div><div class="squares4"></div>... many squares want

css 

body { background-color:#222;     line-height:0;     overflow:hidden;     padding:0;     margin:0; } .squares {     background: none repeat scroll 0 0 #b6ffff;     transition: background 1200ms ease-out 0s;         opacity: 0;     height: 3em; width: 50px;     float:left;     padding:0;     margin:0; } .squares1 {     background: none repeat scroll 0 0 #ceff24;     transition: background 1200ms ease-out 0s;         opacity: 0;     height: 3em; width: 50px;     float: left;     padding:0;     margin:0; } .squares2 {     background: none repeat scroll 0 0 #bf86ff;     transition: background 1200ms ease-out 0s;         opacity: 0;     height: 3em; width: 50px;     float:left;     padding:0;     margin:0; } .squares3 {     background: none repeat scroll 0 0 #ff8b24;     transition: background 1200ms ease-out 0s;         opacity: 0;     height: 3em; width: 50px;     float:left;     padding:0;     margin:0; } .squares4 {     background: none repeat scroll 0 0  #efffb6;     transition: background 1200ms ease-out 0s;         opacity: 0;     height: 3em; width: 50px;     float:left;     padding:0;     margin:0; } .squares5 {     background: none repeat scroll 0 0  #ffbaf2;     transition: background 1200ms ease-out 0s;         opacity: 0;     height: 3em; width: 50px;     float: left;     padding:0;     margin:0; }

i think there problem javascript, can point how stop other divs animating ?

i think problem lies in line of code 

var el = $("body").children("div")[rand];

since consider div element not have control on particular div.t ry providing id each div. 

<div class="squares1" id="div1">

Comments

Post a Comment

Popular posts from this blog

jQuery Mobile app not scrolling in Firefox -

-
i have mobile app built in jquery mobile. scrolling fine in chrome & safari, fails scroll in firefox on desktop. have other instances of same app, different features, , works across browsers. life of me, cannot figure this, please help! located here: http://re-brand.us/dsus/index.html seems bug in firefox: bug log . able scroll using keyboard not trackpad on mac. are using mac? i'll keep looking see if can find way around it.
Read more

c++ - How to add Crypto++ library to Qt project -

-
Image
i downloaded crypto++ source , compiled cryptlib project in visual studio 2013, , added generated .lib file qt project, made .pro file this: qt += core gui qt += sql greaterthan(qt_major_version, 4):qt += widgets target = untitled template = app sources += main.cpp\ mainwindow.cpp headers += mainwindow.h \ databasecontrol.h \ test.h forms += mainwindow.ui win32:config(release, debug|release): libs += -l$$pwd/ -lcryptlib else:win32:config(debug, debug|release): libs += -l$$pwd/ -lcryptlibd else:unix: libs += -l$$pwd/ -lcryptlib includepath += $$pwd/ dependpath += $$pwd/ win32-g++:config(release, debug|release): pre_targetdeps += $$pwd/libcryptlib.a else:win32-g++:config(debug, debug|release): pre_targetdeps += $$pwd/libcryptlibd.a else:win32:!win32-g++:config(release, debug|release): pre_targetdeps += $$pwd/cryptlib.lib else:win32:!win32-g++:config(debug, debug|release): pre_targetdeps += $$pwd/cryptlibd.lib else:unix: pre_targetdeps += $$pw
Read more

php array slice every 2th rule -

-
i have array on php outputs in txt file: printing grid -- 1 values -- undef = -9.99e+08 20.2 \nprinting grid -- 1 values -- undef = -9.99e+08 102.0 \nprinting grid -- 1 values -- undef = -9.99e+08 55.1 \nprinting grid -- 1 values -- undef = -9.99e+08 -18.3 \n what point, need nummeric values @ beginning of each rule. 20.2, 102.0, 55.1, -18,3 etc... example, there can more or less in txt file. now do? have tested array slice function can't exclude rule: printing grid -- 1 values -- undef = -9.99e+08 this array slice code... $arraygood = array_slice($arraybad, 1, 4); and foreach loop create text file: $file = fopen("array.txt","w"); foreach ($arraygood $meting => $waarde) { echo fwrite($file,$waarde . '\n'); } fclose($file); thanks! as posted in comments, understanding have array of strings similar following: $lines = array( "printing grid -- 1 values -- undef = -9.99e+08", "20.2 \nprinting grid --
Read more