このようなナビゲーション効果を作成するにはどうすればよいでしょうか? !アドバイスを求めてください! _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:22:00
オリジナル
1038 人が閲覧しました



このエフェクトの作り方を誰が教えてくれますか? !


ディスカッションへの返信(解決策)

先生が、最も簡単なのはオーバーフローの非表示だと言っていたのを覚えています。 。 。次に、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 、そうでないと出てきません。