-1

という画像にカーソルを合わせる#TyBioと、というボックスに入れようとしています。人々がこれと同様のことをした例をいくつか見ましたが、何らかの理由でホバーするとテキストが表示されません。前もって感謝します！#descriptblock#TyPhoto

Javascript

$(document).ready(function() {
$("#TyPhoto").hover(function(){
    $("#TyBio").show();
},function () {
    $("#TyBio").hide();

});

});

CSS

#descriptblock {
z-index:5;
width:1150px;
height:100px;
top:270px;
left:0px;
position:absolute;
background:white;
text-align:left;
display:block;
}

    #TyBio{
    display:none;
}

HTML

<html>
<head>
<link rel="stylesheet" href="https://googledrive.com/host/0B4nfVqlTfnTzQ0V5NlQydy0xU00" type="text/css" />
</head>
<body>
<div id="navcontainer">
<ul id="navlist">
<li><img id="TyPhoto" src="https://googledrive.com/host/0B4nfVqlTfnTzWDVMRzBEd1RwX2s" width="204" height="272" /></li>
<li><img src="https://googledrive.com/host/0B4nfVqlTfnTzU0pTYWVwRXZ0Tjg" width="208" height="286" /></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
<span id="descriptblock">
<div id="TyBio">TESTTHISBIOTEST!</div>
</span>
</ul>
</div>
</body>
</html>
4

2 に答える 2

1

HTML には、依存する JavaScript または jQuery ライブラリが含まれていません。

<script src="jquery.js"></script>
<script src="your.js"></script>

それらを追加すると、機能します。

于 2013-07-06T06:38:40.410 に答える