课程: Learning JavaScript Debugging

今天就学习课程吧!

今天就开通帐号,24,700 门业界名师课程任您挑!

Challenge: Putting it all together

Challenge: Putting it all together

(upbeat electronic music) - [Instructor] In this challenge, we're going to look for and solve a few problems with another version of the Hansel and Petal page using the techniques we've covered so far. On this page, we have a little modal pop-up that appears to ask customers to join the mailing list. I'm going to reload this to make sure we can see it. After a couple of seconds, there it goes. We want it to fade in and out nicely and be dismissible via its Close button here or the Escape key. And once it's been displayed to the user, we want to make sure that they don't see it over and over again. So that's what we expect, but there are a few strange behaviors happening here. First of all, when I close the modal, it disappears way less gracefully than it appears. The modal is made with a couple of simple elements for its overlay and content with the animation coming from CSS transitions. You can look at the…

内容