Animated DIV slide

Posted by Andy Bailey at 9 September, 2007, 12:36 pm

I’ve just been playing with some javascript to slide open a DIV tag, it’s really useful for my HelloStumbler plugin because it waits until the page is loaded and if the surfer came from Stumbleupon, it slides down a small DIV at the beginning of the post saying hello and requesting a thumbs up.
See the slide happen

Pretty cool eh? lol, It took a fair bit of fiddling about so I’ll see if I can update HelloStumbler to take all the pain out of it.

I learned it all at Harry Maugans blog, you can see the whole javascript here: Sliding/Collapsing Div

I noticed a HUGE spike in traffic last night for the Hide a rar file in a jpeg post, thanks to those whole gave me a thumbs up!

edit: I’ve also added a bit to detect if the surfer came via a Google search and display that instead. I might develop this a bit further and see what other detections I can put in there. That should be pretty easy, the tough bit comes when I want to make it into a configurable plugin easy enough to use for new bloggers!

Try this link to a google search for Hello Stumbler, click the 1st one down (or maybe lower by the time you read this) to come to a post here and you can see the google detection bit kick in when the page has fully loaded. yey! :-)




Popularity: 8% [?]

Category : Blog News | Code | Wordpress

Related Posts

  • Beware the believers!

  • No comments yet.

    Leave a comment

    7 online now
    the most online was 176
    elottery magnetic Sponsoring
    Sponsors
    available ad space available ad space available ad space available ad space available ad space available ad space