Question

是否有工具提示，而不是让标题出现在其中我可以从div显示信息... 我所拥有的是一个图像，我想在它下面可能是一个看不见的div，所以当用户在图像上盘旋时，div会出现名字地址，就像在脸书中那样等？

<img width="448" height="300" src="/Content/uploadedImg/1.png                                                                                                                                                                                                                                                          " onerror="this.src='/Content/img/redboxlrg.png';">

Answer 1

有几个jQuery插件可以帮助你。

查看jQuery Tooltip插件的这个集合： http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

Answer 2

你可以试试像 -

<img width="448" height="300" src="/Content/uploadedImg/1.png" id="hoverimage" />
<div id="showdiv" style="display:none;">Hidden initially, because of 'display:none;'</div>
<script>
  $("#hoverimage").hover(function(){
    //this happens when you first 'hover' over the image with id = 'hoverimage'
    $("#showdiv").stop().fadeIn(500); //stop() is important, it prevents a 'queue' from building
    //the .fadeIn(n) function will fade an element in over n milliseconds
  }, function(){
    //this happens when the mouse moves out/hover ends
    $("#showdiv").stop().fadeOut(500);
    //similarly, the fadeOut(n) function fades an element out over n ms
  }
</script>

请注意，为此，您还需要包含jQuery库，以利用jQuery（或$）功能。

有关

的更多信息，请参阅http://www.worthapost.com/articles/how-include-jquery-your-website-google

jquery工具提示使div出现

2 个答案: