原生js tooltip提示框插件制作鼠标滑过提示文字效果代码



148 588 197



特效描述:tooltip提示框 鼠标滑过 提示文字效果,纯js的鼠标滑过提示框

代码结构

1. 引入CSS

<link type="text/css" href="styles/html.css" rel="stylesheet" />

2. 引入JS

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

3. HTML代码

<div class="tipbox">
	<h2>ToolTip</h2>
	<p><a href="http://www.cnblogs.com/huacn" title="点击这里进入李华顺的博客">Huacn&#39;s Blog</a></p>
	<p>通过自动的js处理为页面上的每个超级连接加上特别的Tooltip(工具提示),这样可以让提示更加美观,页面上不用做复杂的处理,只用加了两段代码就OK。</p>
	<p>再指一下 <a href="http://huacn.cblog.com" title="通过自动的js处理为页面上的每个超级连接加上特别的Tooltip(工具提示),这样可以让提示更加美观,页面上不用做复杂的处理,只用加了两段代码就OK。">这里</a> 看一下效果。</p>
	<p>还可以再指一下 <a href="http://huacn.cblog.com" title="这样可以让提示更加美观,页面上不用做复杂的处理,只用加了两段代码就OK。">这里</a> 看一下效果。</p>
	<p>代码如下:</p>
	<p class="code">
		&lt;script type="text/javascript" src="scripts/ToolTip.js"&gt;&lt;/script&gt;<br />
		&lt;script type="text/javascript"&gt;
			initToolTip();
		&lt;/script&gt;
	</p>
</div>
<script type="text/javascript">initToolTip();</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 弹出层拖动 窗口提示框 滑动星星打分 其他更多 文字提示框 鼠标滑过

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到