提示效果

<button class="ui-btn ui-tips" data-type="click" data-align="left" data-title="我是提示文字1">Left</button>
<button class="ui-btn ui-tips" data-type="click" data-align="top" data-title="我是提示文字2">Top</button>
<button class="ui-btn ui-tips" data-type="click" data-align="right" data-title="我是提示文字3">Right</button>
<button class="ui-btn ui-tips" data-type="click" data-align="bottom" data-title="我是提示文字4">Bottom</button>
<button class="ui-btn ui-tips" data-type="click" data-align="bottom-left" data-pic="https://www.wangzhanbaoku.com/upfile/2017/05/1494075936753.jpg" data-title="我是提示文字4">Image</button>

<button class="ui-btn ui-tips" data-align="left" data-title="我是提示文字1">Left</button>
<button class="ui-btn ui-tips" data-align="top" data-title="我是提示文字2">Top</button>
<button class="ui-btn ui-tips" data-align="right" data-title="我是提示文字3">Right</button>
<button class="ui-btn ui-tips" data-align="bottom" data-title="我是提示文字4">Bottom</button>
<button class="ui-btn ui-tips" data-align="bottom-left" data-pic="https://www.wangzhanbaoku.com/upfile/2017/05/1494075936753.jpg">Image</button>
<button class="ui-btn ui-tips" data-align="bottom-left" data-title="我是提示文字5">Bottom-Left</button>
<button class="ui-btn ui-tips" data-align="top-left" data-title="我是提示文字6">Top-Left</button>
<button class="ui-btn ui-tips" data-align="right-top" data-width="10rem" data-title="我是提示文字711111111111111111111111111111111111111111111111">Right-Top</button>

<button class="ui-btn ui-tips" data-align="left" data-title="我是提示文字1" data-color="red">Left</button>
<button class="ui-btn ui-btn-blue ui-tips" data-align="top" data-title="我是提示文字2" data-color="yellow">Top</button>
<button class="ui-btn ui-btn-red ui-tips" data-align="right" data-title="我是提示文字3" data-color="blue">Right</button>
<button class="ui-btn ui-btn-yellow ui-tips" data-align="bottom" data-title="我是提示文字4" data-color="green">Bottom</button>
<button class="ui-btn ui-tips" data-align="bottom-left" data-title="我是提示文字5" data-color="info">Bottom-Left</button>
<button class="ui-btn ui-tips" data-align="top-left" data-title="我是提示文字6" data-color="black">Top-Left</button>

<button class="ui-btn ui-tips" data-width="200px" data-align="top" data-title="【网站宝库】是一家从产品前端到后端，能够完全独立设计开发的CMS工作室。【网站宝库】的建站系统界面及源码中没有任何官方Logo和链接、纯净无广告、安装即用、自主研发、网络授权可免费更换域名；正版永久授权、无版权纠纷、安心使用。">Top</button>
<button class="ui-btn ui-tips" data-width="400px" data-align="right" data-title="【网站宝库】是一家从产品前端到后端，能够完全独立设计开发的CMS工作室。【网站宝库】的建站系统界面及源码中没有任何官方Logo和链接、纯净无广告、安装即用、自主研发、网络授权可免费更换域名；正版永久授权、无版权纠纷、安心使用。">Right</button>
<button class="ui-btn ui-tips" data-width="600px" data-align="bottom" data-title="【网站宝库】是一家从产品前端到后端，能够完全独立设计开发的CMS工作室。【网站宝库】的建站系统界面及源码中没有任何官方Logo和链接、纯净无广告、安装即用、自主研发、网络授权可免费更换域名；正版永久授权、无版权纠纷、安心使用。">Bottom</button>
<button class="ui-btn ui-tips" data-width="800px" data-align="left" data-title="【网站宝库】是一家从产品前端到后端，能够完全独立设计开发的CMS工作室。【网站宝库】的建站系统界面及源码中没有任何官方Logo和链接、纯净无广告、安装即用、自主研发、网络授权可免费更换域名；正版永久授权、无版权纠纷、安心使用。">Left</button>

<input id="mytips1">
<input id="mytips2">

<script>
$(function()
{
	$.tips(
	{
	   text:'请输入提示域名',
	   id:'#mytips1',
	   align:'bottom-left',
	   color:'red',
	   time:0
	});
	$.tips(
	{
		text:'请输入提示域名',
		id:'#mytips2',
		align:'right-top'
	});
})
</script>