所属分类:网页特效-UI/布局/瀑布流
使用方法:
引入CSS样式
<link rel="stylesheet" href="css/jQuery.toolTip.css" media="screen" />
<link rel="stylesheet" href="css/demo.css" media="screen" />
引入jQuery库文件、插件JS文件
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jQuery.toolTip.js"></script>
插件初始化、配置
$(document).ready(function(){
//Apply the plugin on every tooltip selector on the page
//This piece of code can also be included from an external file
$('.tooltip').toolTip();
});
HTML结构(在使用title属性的元素中 加入class="tooltip")
<a href="" class="tooltip" title="<img src='images/user.png'><br/> wahahaha<br/><h1>真、善、忍</h1>">
大功告成,就这么简单!