现在位置首页 / 前端开发 /正文

jquery实现文字超出时用省略号代替并在鼠标移入显示全部

作者: IT小兵 | 2014年6月20日| 热度:℃ | 评论: |参与:

jquery实现文字超出时用省略号代替并在鼠标移入显示全部

用的css样式:

.marks{
  overflow:hidden;  
   text-overflow:ellipsis;  
   white-space:nowrap;  
   wzy:expression_r(void(this.title=this.innerText));
 }

Jquery代码:

 $(document).ready(function(){
$('div.marks').live('mouseover', function(e) 
{
   _text=$(this).text();
  _tooltip = "
"+_text+"
";
      $("body").append(_tooltip); 
     $("#tooltipdiv").show();
    
   $("#tooltipdiv")
   .css({
   "top":(e.pageY+10)+"px",
   "left":(e.pageX+10)+"px"
  }).show("fast");
 });
 
 $('div.marks').live('mouseout', function(e) {
  $("#tooltipdiv").remove();
 });
 
 
 $('div.marks').live('mousemove', function(e) {
  $("#tooltipdiv")
  .css({
   "top":(e.pageY+10)+"px",
   "left":(e.pageX+10)+"px"
  }).show();   
 });
  });


点击阅读本文所属分类的更多文章: 前端开发 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:[email protected]

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:[email protected]

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询