Basic usage of TIPso

Link: tipso – making

<! --head-->
<script src="//cdn.jsdelivr.net/npm/tipso/src/tipso.min.js"></script>
<link
	rel="stylesheet"
	href="//cdn.jsdelivr.net/npm/tipso/src/tipso.min.css"
>

<! --body-->
<a
	href="__MODULE__/Ent/map"
	class="layui-btn layui-btn-sm tip-warning"
	style="background-color:#f13c3c;"
	title="Map"
	target="_blank"
	data-tipso="Let talent find you more accurately."
>
	<i class="layui-icon layui-icon-location"></i>Immediately marked</a>
<! -- -- -- > at the bottom of the body
<script>
	$('.tip-success').tipso({
		position: 'bottom'
		, background: '#19BE6B'
		, width: '50%'$(})'.tip-primary').tipso({
		position: 'bottom'
		, background: '#2979FF'
		, width: '50%'$(})'.tip-warning').tipso({
		position: 'bottom'
		, background: '#FFB800'
		, width: 'auto'$(})'.tip-error').tipso({
		position: 'bottom'
		, background: '#FA3534'
		, width: '50%'
	})
</script>
<style>
	.tipso_content {
		text-align: left;
	}

	.tip-success..tip-tip-primary..tip-warning..tip-error {
		cursor: pointer;
	}
</style>
Copy the code