Shulou(Shulou.com)06/03 Report--

This article mainly explains "how to flip cards or blinds in jQuery". Friends who are interested may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to flip cards or blinds with jQuery.

Effect Preview:

For dynamic effects, please go to http://www.cnblogs.com/lufy/archive/2012/06/07/2539744.html to watch.

(function () {var timer = true; / / execute the up or down switch var liindex = 0; / LI's index var $div = $(".byc") .find ("div"); / / transform the contents of LI every three seconds var set1 = setInterval (function () {ainbyc ($div); liindex = 0 Timer =! timer;}, 3000); / / the way of LI transformation, that is, every 100ms, let the next LI move the top value; function ainbyc (ds) {var set2 = setInterval (function () {/ / all LI has been moved, clear if (liindex = = $div.length) {clearInterval (set2) / / up} else if (timer) {ds.eq (liindex). Animate ({"top": 0}, 100); / / downward} else {ds.eq (liindex). Animate ({"top":-25}, 100);} liindex++;}, 100) })

1. Clear timer clearInterval, which I wrote on the outside before, should be written in setInterval.

two。 When you are not sure what the Boolean value is, you can write: timer =! timer

At this point, I believe you have a deeper understanding of "jQuery how to achieve the flip card or blinds effect". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.