Jquery / Javascrip / HTML help!

T

TrueJewix

Member
Aug 9, 2012
332
21
Hello, I want to make a text slide down whenever someone enters the page. I couldn't find it via google.

You must be registered for see links
Thank you so much.
 
Sort by date Sort by votes
BIOS

BIOS

ಠ‿ಠ
Apr 25, 2012
906
247
$( document ).ready(function(){
// do stuff
});

As to the actual animation to use I'm not sure but you could try something like:
$( document ).ready(function(){
$("#text").slideDown();
});
 
Upvote 0 Downvote
Sysode

Sysode

Front-End Developer
Dec 11, 2012
1,673
848
If you want it on DOM load, using CSS is the more viable option. There's no need for Javascript, you can simply animate this using CSS (By default it will work on page load).

Take a look here:
You must be registered for see links

It's fairly simple to integrate into your site and you'll have a lot of animations to play around with.
 
Upvote 0 Downvote
T

TrueJewix

Member
Aug 9, 2012
332
21
Sysode said:
If you want it on DOM load, using CSS is the more viable option. There's no need for Javascript, you can simply animate this using CSS (By default it will work on page load).

Take a look here:
You must be registered for see links

It's fairly simple to integrate into your site and you'll have a lot of animations to play around with.
Click to expand...
Thank you so much. But I am having trouble setting the 'flash' one up.

Like what HTML code would I need and CSS... I would appreciate if you would make a simple script using the 'flash' one (HTML+CSS)
 
Upvote 0 Downvote
Weasel

Weasel

👄 I'd intercept me
Nov 25, 2011
4,142
2,468
TrueJewix said:
Thank you so much. But I am having trouble setting the 'flash' one up.

Like what HTML code would I need and CSS... I would appreciate if you would make a simple script using the 'flash' one (HTML+CSS)
Click to expand...
Simply include the CSS file in your head, then apply the classes animated and flash to the element you want to animate. That's all you have to do.
 
Last edited:
Upvote 0 Downvote
T

TrueJewix

Member
Aug 9, 2012
332
21
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
You must be registered for see links
">
<html xmlns="
You must be registered for see links
" xml:lang="en" lang="en">
<head>
<title>Afrikani VPN</title>
<link href="animate.css" rel="stylesheet" type="text/css" />
</script>

</head>
<body>

<h1 class="animated flash">I D I O T</h1>

</body>
</html>

and the rest is css.
 
Upvote 0 Downvote
Weasel

Weasel

👄 I'd intercept me
Nov 25, 2011
4,142
2,468
Code: 
<!DOCTYPE html>
<html>
    <head>
        <title>Afrikani VPN</title>
        <link href="animate.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
        <h1 class="animated flash">I D I O T</h1>
    </body>
</html>
 
Upvote 0 Downvote

Users who are viewing this thread

Total: 2 (members: 0, guests: 2)
☀️  Switch to Light Theme

Latest posts

Top