Highlighted

On hover change another element

New Here ,
Oct 30, 2018

Copy link to clipboard

Copied

Hi,

I would like to know the code for moving a div when I hover another div on Adobe Muse.

So : If #u119485 is hover, it moves left 60 px #u119497

Can you help me please ?

Thanks a lot !

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Sorry but that code will never work.  You need JavaScript to bind an action to element B when element A is used as the trigger.  Suggest you build your animation with a real code editor and jQuery..  Or build it in Animate CC.   Muse is not the right tool for this.

Views

250

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

On hover change another element

New Here ,
Oct 30, 2018

Copy link to clipboard

Copied

Hi,

I would like to know the code for moving a div when I hover another div on Adobe Muse.

So : If #u119485 is hover, it moves left 60 px #u119497

Can you help me please ?

Thanks a lot !

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Sorry but that code will never work.  You need JavaScript to bind an action to element B when element A is used as the trigger.  Suggest you build your animation with a real code editor and jQuery..  Or build it in Animate CC.   Muse is not the right tool for this.

Views

251

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 30, 2018 0
LEGEND ,
Oct 30, 2018

Copy link to clipboard

Copied

Could you be a little bit more specific? Example?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 30, 2018 0
New Here ,
Oct 30, 2018

Copy link to clipboard

Copied

Thanks for your reply !

Here is my Muse code for the moment :

<html>

<head>

<style>

   #u119485{

      transition-property: left;

      transition-duration: 0.4s;

      transition-timing-function: ease;

      -webkit-transition-property: left;

      -webkit-transition-duration: 0.4s;

      -webkit-transition-timing-function: ease;

   }

   #u119485:hover{

      left:0px;

</style>

</head>

</html>

<html>

<head>

<style>

   #u119497{

      transition-property: left;

      transition-duration: 0.4s;

      transition-timing-function: ease;

      -webkit-transition-property: left;

      -webkit-transition-duration: 0.4s;

      -webkit-transition-timing-function: ease;

   }

   #u119497:hover{

      left:60px;

   }

</style>

</head>

</html>

I would like to know how to push #u119497 when #u119485 is on hover. Because for now, #u119485 is going up #u119497

Hope it's more easy to understand.

Thanks !

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 30, 2018 0
LEGEND ,
Oct 30, 2018

Copy link to clipboard

Copied

You are not talking about a Muse problem, but a code issue. Am I right?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 30, 2018 0
New Here ,
Oct 30, 2018

Copy link to clipboard

Copied

It's actually a code problem, apply to Muse.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 30, 2018 0
Adobe Community Professional ,
Oct 30, 2018

Copy link to clipboard

Copied

Sorry but that code will never work.  You need JavaScript to bind an action to element B when element A is used as the trigger.  Suggest you build your animation with a real code editor and jQuery..  Or build it in Animate CC.   Muse is not the right tool for this.

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 30, 2018 0