# Which JavaScript effect is this?

**URL:** <https://www.ruby-forum.com/t/which-javascript-effect-is-this/55651>\
**Category:** Rails\
**Created:** [March 22, 2006, 6:42pm UTC](https://www.ruby-forum.com/t/which-javascript-effect-is-this/55651 "2006-03-22T18:42:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jtei](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/43a26b/32.png) [@jtei](https://www.ruby-forum.com/u/jtei)\
**Post date:** [March 22, 2006, 6:42pm UTC](https://www.ruby-forum.com/t/which-javascript-effect-is-this/55651/1 "2006-03-22T18:42:21Z")

</div>

[http://canadaonrails.com/](http://canadaonrails.com/) (when you hover over news and events)

I’ve seen this implemented on a few rails sites now and I was just  
wondering if it is just a simple javascript from the prototype library.  
Does anybody know of any links on how to do this?

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![jtei](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/43a26b/32.png) [@jtei](https://www.ruby-forum.com/u/jtei)\
**Post date:** [March 22, 2006, 8:04pm UTC](https://www.ruby-forum.com/t/which-javascript-effect-is-this/55651/2 "2006-03-22T20:04:29Z")

</div>

This is an Effect.Blinddown called from the onmouseover event.  
It’s in the scriptaculous library.

See ActionView::Helpers::ScriptaculousHelper in the api.

– Wes

On 3/22/06, Jordan I. [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) wrote:

> Posted via [http://www.ruby-forum.com/](http://www.ruby-forum.com/).
> 
> * * *
> 
> Rails mailing list  
> removed\_email\_address@domain.invalid  
> [http://lists.rubyonrails.org/mailman/listinfo/rails](http://lists.rubyonrails.org/mailman/listinfo/rails)

–

```
-- Wes

```

---

<div class="post-metadata">

**Author:** ![jtei](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/43a26b/32.png) [@jtei](https://www.ruby-forum.com/u/jtei)\
**Post date:** [March 22, 2006, 8:47pm UTC](https://www.ruby-forum.com/t/which-javascript-effect-is-this/55651/3 "2006-03-22T20:47:15Z")

</div>

Thanks Wes. I knew it had to be one of those…

Jordan

Wes Garrison wrote:

> This is an Effect.Blinddown called from the onmouseover event.  
> It’s in the scriptaculous library.
> 
> See ActionView::Helpers::ScriptaculousHelper in the api.
> 
> – Wes
> 
> On 3/22/06, Jordan I. [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) wrote:
> 
> > Posted via [http://www.ruby-forum.com/](http://www.ruby-forum.com/).
> > 
> > * * *
> > 
> > Rails mailing list  
> > removed\_email\_address@domain.invalid  
> > [http://lists.rubyonrails.org/mailman/listinfo/rails](http://lists.rubyonrails.org/mailman/listinfo/rails)
> 
> –
> 
> ```
> -- Wes
> 
> ```

---

<div class="post-metadata">

**Author:** ![jtei](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/43a26b/32.png) [@jtei](https://www.ruby-forum.com/u/jtei)\
**Post date:** [March 23, 2006, 8:38am UTC](https://www.ruby-forum.com/t/which-javascript-effect-is-this/55651/4 "2006-03-23T08:38:05Z")

</div>

Nate Brown, the organizer of Canada on Rails and creator of this  
_excellent_ site, is on  
this list… Nate, do you have a sec to tell Jordan about the “News and  
Events” slide-down  
panel?

b

PS: I feel compelled to point out that I’ve never responded to a post on  
any list by  
asking someone else to take the time to post, but this is a very cool  
effect and the first  
time I’ve seen it anywhere… I’m extremely intrigued.