jQuery Tutorial for Beginners #23 - Fading Animation Example

jQuery Tutorial for Beginners #23 - Fading Animation Example

Net Ninja

9 лет назад

12,349 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@adamtak3128
@adamtak3128 - 28.10.2015 04:42

This was really cool, thanks :)

Ответить
@aishaomair8630
@aishaomair8630 - 22.10.2016 13:17

An awesome trick of animation! =)

Ответить
@dionfit
@dionfit - 25.12.2016 15:44

Thank You so much! Brilliant!!! I understand a lot from your lessons!

Ответить
@ΘεοδόσιοςΔέρβος
@ΘεοδόσιοςΔέρβος - 27.03.2017 21:51

If you want to grap a specific element you can also write $("blockquote:nth-of-type("+currentQuote+")");

Ответить
@naqiyahlakdawala4274
@naqiyahlakdawala4274 - 22.06.2017 10:11

this animation works only on quotes ?
or we can use this to randomly fade all div's?
please show how to?

Ответить
@ritchieharrison8808
@ritchieharrison8808 - 16.04.2018 23:40

Hi man how are you? Hope everything is well man. I was hoping you'd know the solution to my problem. I'm building the site and on a bottom of the  payment html page, I'm placing two Javascript files one that handles drop down menu  and the other one for contact form. Individually they both work, but when I place them on the top of each other in Sublime 3, the one on the bottom work, but the one on the top gets ignored. When I switch them around again the one on the bottom works but the one on the top gets ignored. Can you please help me with it, I'd really appreciate it. God Bless!!!

Ответить
@nashe_dan
@nashe_dan - 20.06.2018 12:01

I'm hoping this works also to create an image fade-in/out animation?

Ответить
@Abbadisameh
@Abbadisameh - 22.09.2018 02:04

All my respect Sir =]

Ответить
@Mustafa-cv1pk
@Mustafa-cv1pk - 06.03.2019 19:41

beautiful thank you )))))

Ответить
@vaclavhruza6011
@vaclavhruza6011 - 14.04.2019 14:00

It seems that the "display:none" and "display:block" part doesn't work when using <p> instead of <blockquotes>. Maybe because the <p> is part of a flexbox layout? Kind of frustrating.
Anyone knows why? Also, I can imagine that changing background images with this strategy would be way more difficult. Would be good to see a tutorial for that.

Ответить
@ashishvora5310
@ashishvora5310 - 02.01.2020 13:04

newja.js:55 Uncaught TypeError: $(...).fadeOut is not a function display this error

Ответить
@mirt3327
@mirt3327 - 05.01.2020 01:44

There are many tutorials out there but I can't follow them because the teacher talks a lot, gets way too technical or bores me. Yours are always straight to the point, succinct, and interesting at the same time! You are really talented, Net Ninja. Thanks a lot!

Ответить
@sumanpokharel1718
@sumanpokharel1718 - 22.07.2020 17:03

really helpful!!

Ответить
@TheFloreaCatalin
@TheFloreaCatalin - 21.12.2021 18:15

I've just dropped a comment down BweEEeeelllow :))))

Ответить
@dungphi3304
@dungphi3304 - 27.01.2022 17:07

not relevant but the music got me grooving every time :)))))

Ответить
@Eltaurus
@Eltaurus - 03.03.2022 16:36

There is a bit, which is still unclear.
Why there is only one visible quote right after the page load?

According to html the second and the third quotes should be placed right beside the first one, and the script doesn't change that until several seconds later.

Ответить
@victorken9714
@victorken9714 - 23.12.2024 18:59

But what if you want to perform an animation on colors of an element do you do the same or something else because in some video you said it works for numeric values

Ответить