On Mon, Feb 23, 2009 at 7:13 AM, Mercenary <[email protected]> wrote:
>
>
>
> Good day. I want to add a simple explode effect to a div box when the
> mouse is over it. So far I have been able to explode it but I want it
> to implode back to the original state when the mouse is out or moved
> away from it.
>
>
> this what my main html file looks like:
>
> <html>
> <head>
> <link rel="stylesheet" href="style.css" type="text/css" media="screen"
> title="no title" charset="utf-8" />
>
> <script type="text/javascript" src="me/jquery-1.2.6.js"></script>
> <script type="text/javascript" src="me/effects.core.js"></script>
> <script type="text/javascript" src="me/effects.shake.js"></
> script>
> <script type="text/javascript" src="me/effects.explode.js"></script>
> <script type="text/javascript" src="me.js"></script>
>
> </head>
>
> <body>
>
>
> <div class="effect" id="explode9">
>
> <p>and Explode in 9 pieces</p>
> </div>
>
>
> </body>
>
> </html>
>
>
>
>
> And this is where I am having trouble, my "me.js" file:
>
> $(document).ready(function(){
>
>
> $("div").mouseover(function () {
> $(this).effect("explode", {}, 1000);
>
> });
>
> $("div").mouseout(function () {
> $(this).effect("implode", {}, 1000);
> });
The implode effect is not triggered through 'implode' but also through
'explode'. Use this syntax instead:
$(this).show('explode', {}, 500);
$(this).hide('explode', {}, 500);
>
>
>
> });
>
>
> please any help will be greatly appreciated.
>
> >
>
--
Paul Bakaus
UI Architect
--
http://paulbakaus.com
http://www.linkedin.com/in/paulbakaus
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
