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 !

Views

268

Likes

Translate

Translate

Report

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

1 Correct Answer

Adobe Community Professional , Oct 30, 2018
Nancy OShea Adobe Community Professional , Oct 30, 2018
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.

Likes

Translate

Translate
Jump to answer Jump to answer
LEGEND ,
Oct 30, 2018

Copy link to clipboard

Copied

Could you be a little bit more specific? Example?

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
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
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
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
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Oct 30, 2018

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
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 Design & Publishing

Likes

Translate

Translate

Report

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