Jquery 减小工具提示箭头的大小
我想减小jquery中加载的工具提示的大小。现在箭头显示为大尺寸。我想减小箭头的大小,无论文本大小如何,都应该显示在中间Jquery 减小工具提示箭头的大小,jquery,html,css,Jquery,Html,Css,我想减小jquery中加载的工具提示的大小。现在箭头显示为大尺寸。我想减小箭头的大小,无论文本大小如何,都应该显示在中间 jQuery(函数(){ jQuery(文档).ready(函数(){ jQuery('.masterTooltip').hover(函数(){ //悬停在代码上方 var title=jQuery(this.attr('data-original-title'); jQuery(this).data('tipText',title).removeAttr('title')
jQuery(函数(){
jQuery(文档).ready(函数(){
jQuery('.masterTooltip').hover(函数(){
//悬停在代码上方
var title=jQuery(this.attr('data-original-title');
jQuery(this).data('tipText',title).removeAttr('title');
jQuery(“”)
.正文(标题)
.appendTo('正文')
.fadeIn(“慢”);
},函数(){
//悬停代码
jQuery(this.attr('title',jQuery(this.data('tipText'));
jQuery('.notetool').remove();
}).mousemove(函数(e){
var mousex=e.pageX+20;//获取X坐标
var mousey=e.pageY+10;//获取Y坐标
jQuery(“.notetool”)
.css({top:mousey,left:mousex})
});
});
});代码>
.notetool{
显示:无;
位置:绝对位置;
颜色:#0f0025;
背景色:#FFEF93;
边框:1px实心#F1D031;
边界半径:5px;
填充:10px;
字体大小:12px Arial;
}
.注意工具:在{
内容:“;
位置:绝对位置;
底部:100%;
左:40%;
宽度:0;
边框顶部:20px纯黑;
左边框:20px实心透明;
右边框:20px实心透明;
变换:旋转(180度);
}
由于箭头是基于边框构建的,因此需要缩小边框的侧面,而不是宽度。
对于popover位置,您可以使用左侧
和顶部
我注意到,您从鼠标位置获得的水平位置并不理想
jQuery('.notetool')
.css({ top: mousey, left: 0 });
jQuery(函数(){
jQuery(文档).ready(函数(){
jQuery('.masterTooltip').hover(函数(){
//悬停在代码上方
var title=jQuery(this.attr('data-original-title');
jQuery(this).data('tipText',title).removeAttr('title');
jQuery(“”)
.正文(标题)
.appendTo('正文')
.fadeIn(“慢”);
},函数(){
//悬停代码
jQuery(this.attr('title',jQuery(this.data('tipText'));
jQuery('.notetool').remove();
}).mousemove(函数(e){
//var mousex=e.pageX;//获取X坐标
var mousey=e.pageY+10;//获取Y坐标
jQuery(“.notetool”)
.css({top:mousey,left:0})
});
});
});代码>
.notetool{
显示:无;
位置:绝对位置;
颜色:#0f0025;
背景色:#FFEF93;
边框:1px实心#F1D031;
边界半径:5px;
填充:10px;
字体大小:12px Arial;
}
.注意工具:在{
内容:“;
位置:绝对位置;
底部:100%;
左:30%;
宽度:0;
边框顶部:10px纯黑;
左边框:10px实心透明;
右边框:10px实心透明;
变换:旋转(180度);
}
由于箭头是基于边框构建的,因此需要缩小边框的侧面,而不是宽度。
对于popover位置,您可以使用左侧
和顶部
我注意到,您从鼠标位置获得的水平位置并不理想
jQuery('.notetool')
.css({ top: mousey, left: 0 });
jQuery(函数(){
jQuery(文档).ready(函数(){
jQuery('.masterTooltip').hover(函数(){
//悬停在代码上方
var title=jQuery(this.attr('data-original-title');
jQuery(this).data('tipText',title).removeAttr('title');
jQuery(“”)
.正文(标题)
.appendTo('正文')
.fadeIn(“慢”);
},函数(){
//悬停代码
jQuery(this.attr('title',jQuery(this.data('tipText'));
jQuery('.notetool').remove();
}).mousemove(函数(e){
//var mousex=e.pageX;//获取X坐标
var mousey=e.pageY+10;//获取Y坐标
jQuery(“.notetool”)
.css({top:mousey,left:0})
});
});
});代码>
.notetool{
显示:无;
位置:绝对位置;
颜色:#0f0025;
背景色:#FFEF93;
边框:1px实心#F1D031;
边界半径:5px;
填充:10px;
字体大小:12px Arial;
}
.注意工具:在{
内容:“;
位置:绝对位置;
底部:100%;
左:30%;
宽度:0;
边框顶部:10px纯黑;
左边框:10px实心透明;
右边框:10px实心透明;
变换:旋转(180度);
}
如何使其显示在中心箭头或孔弹出框?弹出框和箭头都显示?如何使其显示在中心箭头或孔弹出框?弹出框和箭头都显示