ホームページ
ウェブフロントエンド
htmlチュートリアル
このようなナビゲーション効果を作成するにはどうすればよいでしょうか? !アドバイスを求めてください! _html/css_WEB-ITnose



このようなナビゲーション効果を作成するにはどうすればよいでしょうか? !アドバイスを求めてください! _html/css_WEB-ITnose
このエフェクトの作り方を誰が教えてくれますか? !
ディスカッションへの返信(解決策)
先生が、最も簡単なのはオーバーフローの非表示だと言っていたのを覚えています。 。 。次に、a:hover を使用して、マウス ポインターを表示するように設定します。
<div id="test">offset</div><div id="title">Hello World.</div>
ログイン後にコピー
$(function() {$("#test").bind({"mouseenter": function(e) { $("#title").css("left",e.pageX).css("top",e.pageY).show();},"mouseout": function(e) { $("#title").hide();}});});
ログイン後にコピー
#title { width:100px; height:100px; display:none; position:absolute; background-color:red; }#test { position:absolute; text-align:center; left:20%; top:20%; right:50%; bottom:50%; background-color:gray; border: 1px solid ;}
ログイン後にコピー
大まかなアイデアは次のとおりです。詳細は自分で調整できます。これは、位置を決めて現実を隠すの問題です。 JavaScript 、そうでないと出てきません。