マウスがホバーした時に開くメニュー
webの初心者です。
class="title"にマウスがホバーした時に
.menu : hoverに設定したアニメーションを動作させて
マウスがホバーすると開くメニューを作りたいのですが
この状態だとclass="menu"にホバーした時は開くのですが
class="title"の上にマウスが乗るとメニューが閉じてしまいます。
どうにかしてclass="title"にホバーした時もメニューが開くようにしたいです。
伝わりにくかったらすいません。
どなたか分かる方おられましたら回答お願いします。
<body>
<div class="wrap">
<div class="title"></div>
<div class="menu">
<h1 id="m1"></h1>
<h1 id="m2"></h1>
<h1 id="m3"></h1>
<h1 id="m4"></h1>
<h1 id="m5"></h1>
<h1 id="m6"></h1>
</div>
</div>
</body>
.menu {
height: 620px;
width: 150px;
background-repeat: no-repeat;
margin-left: 0px;
background-image: url(../img/menu.gif);
background-position: right;
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-ms-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;
}
.title {
background-image: url(../img/title.gif);
background-repeat: no-repeat;
height: 620px;
width: 130px;
float: left;
}
.menu:hover {
margin-left: 40px;
}
お礼
TweakUI では完全に無効にすることはできませんでした。しかし、ツールチップという言葉がわかったおかげで、検索することができました。ありがとうございます。 それで以下のＵＲＬを参考にレジストリを編集して非表示にできました。 http://www.flexbeta.net/forums/lofiversion/index.php/t4078.html