【EasyUI】文本提示框制作(自定义小图标)

目录

1. 自定义图标

2. EasyUI默认图标

---

1. 自定义图标

自定义小图标：提示符号，圆圈中包含一个问号。

?

提示事件：

//设置提示框
$('#messageTip').tooltip({
    position : 'top',// position string 消息框位置。 默认 bootom， 还有 left、 right、 top
    content : '括号外数值为水温大于"设置水温"时的标准值，括
号内数值为水温小于等于"设置水温"时的标准值。'  //content string 消息框内容。默认为 null，可以包含 html 标签
});

注意：

• position：可以指定文件位置，默认 bootom， 还有 left、 right、 top.
• content是内容，如果信息过多可以使用
  进行换行。(官方是一个a标签里面还会title，如果使用那个不可以换行，
  会被当做文本输出)

上述完整代码如下：

    
    
    
    
    
    

 

    

        

            

                

                    
※标准值：
                    

                        
                        设置冬夏季标准值
                    
                    

                        ?
                    
                
                

                    

                        

                    
                
                

                    
标准值:
                    

                    
()
                
                

                    
设置水温：
                    

                    
℃
                
            
        
    
    

2. EasyUI默认图标

如果你想使用Easyui的图标,可以按照下述方法使用:

 EasyUI中使用图标基本上要配合着 class="easyui-linkbutton" 用，所以默认是一个按钮，单独拿出来使用很不方便。还需要再对他的样式进行设置。

//设置提示框
$('#messageTip').tooltip({
    position : 'top',// position string 消息框位置。 默认 bootom， 还有 left、 right、 top
    content : '括号外数值为水温大于"设置水温"时的标准值，括
号内数值为水温小于等于"设置水温"时的标准值。'  //content string 消息框内容。默认为 null，可以包含 html 标签
});