jquery悬停,鼠标移上去显示全部内容(包括多余隐藏内容)

1.bootrap的悬停显示

   只需要引入bootstrap的js,css即可。关键代码

 $('a').tooltip({title: "我是一个提示框,我在顶部出现",placement: "top"});

 优点:好看,适用于单个。

2.jqury的悬停显示

   只需要引入jquery.js,小demo如下




  
  jQuery UI Tooltip - Default functionality
  
  
  
  
  


 

Tooltips can be attached to any element. When you hover the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.

But as it's not a native tooltip, it can be styled. Any themes built with ThemeRoller will also style tooltips accordingly.

Tooltips are also useful for form elements, to show some additional information in the context of each field.

Hover the field to see the tooltip.

关键代码如下:

$(function() {
    $( document ).tooltip();
  });
 意思是在加个title,就能悬停显示title里面的内容



你可能感兴趣的:(jquery悬停,鼠标移上去显示全部内容(包括多余隐藏内容))