js Tooltip工具提示插件


js Tooltip工具提示插件
js Tooltip工具提示插件以及Tooltip、工具提示等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/zzsc.css">
<link rel="stylesheet" type="text/css" href="css/tooltip.css">

2. 引入JS

<script src="js/tooltip.min.js" type="text/javascript"></script>

3. HTML代码

<div class="visualwrapper">
	 <h1>Javascript-CSS Tooltip</h1>
	 <h3>Example</h3>
	 <p>
		<span data-tooltip="Mijn tooltip">点击我试试</span> ipsum dolor sit, consectetur
		adipisicing elit. Aliquam, illo ut impedit! Quisquam fuga quo est?
		Nam alias, aliquam suscipit, atque, adipisci necessitatibus sunt dolore
		non iste debitis laboriosam
		<span data-tooltip="哈哈哈哈哈哈哈哈(sc.chinaz.com)">鼠标移过来试试</span>.
	</p>
	<span class="tooltip-example-right"
			data-tooltip="Tooltip in the right corner">tooltip</span>
	<div class="overflow-test">
		<span data-tooltip="Tooltip used in an overflow:hidden element">
			Tooltip in an overflow:hidden container
		</span>
	</div>
</div>
<div class="tooltip-container no-display"></div>

相关推荐

发表评论

相关文章

js工具提示插件

2020-03-24 浏览:1