js中文字悬浮
来源:互联网 发布:淘宝9秒视频制作软件 编辑:程序博客网 时间:2024/04/29 15:05
在js中我们常常会遇到一些文字需要悬浮,比如一些常常的地址等,直接放在表格中会影响样式,又不好看。所以我们需要判断当超过一定的字数,就用省略号代替,当鼠标放到该处时,就悬浮除整个文字内容。使用于easyUI、bootstrapTable
function addressmatter(value,row,index){
if(value!=null){
if(value.length>6){
var values=value.substring(0,5)+"...";
var msg=new Array();
msg.push("<div id='div_"+index+"' data-container='body' data-toggle='popover' data-placement='top'");
msg.push(" data-content=\""+value+"\" >");
msg.push("<span onmousemove =\"javascript:showMsg('div_"+index+"');\" onmouseout =\"javascript:hideMsg('div_"+index+"');\" >"+values+"</span></div>");
return msg.join("");
}else{
return value;
}
}
}
//打开弹出框
function showMsg(id){
$('#'+id).popover('show');
}
//关闭弹出框
function hideMsg(id){
$('#'+id).popover('hide');
}
- js中文字悬浮
- 文字悬浮特效
- JS文本框中文字操作
- JS中文字横向滚动
- js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
- JS小功能,鼠标经过标签时悬浮层提示+点击可复制文字
- 悬停文字 悬浮提示 CtoolTipCtrl
- 一览画面中js控制弹出悬浮窗口
- js中鼠标悬浮改变图片或内容
- js的悬浮效果
- js悬浮广告效果
- js背景悬浮飘动
- js 固定悬浮效果
- JS 网页悬浮窗
- Js悬浮广告效果
- js 悬浮窗
- js 悬浮广告
- js+div悬浮框
- 2.1 离散傅里叶变换 (DFT)
- 无我编程的十条戒律
- windows
- python中五种异常机制的简介
- 使用 Payload 提高 RecyclerView 渲染效率
- js中文字悬浮
- mybatis-查询(resultMap,关联单个对象)-14
- 下载Spring源代码
- openGL ES学习二
- purge的用法
- 利用spring session解决共享Session问题
- duilib各种布局的作用,相对布局与绝对布局的的意义与用法
- 面试怎么能说这种话?失败率奇高!
- 21-22.关于类的继承与派生