jQuery Tiper：轻量级的jQuery tooltip

jQuery Tiper是一个轻量级的 jQuery tooltip，可以为任何元素指定弹出窗口。

 

使用起来很简单：

 

 

Js代码

1. <a class = 'tiper' id = 'tooltip_1' href = 'http://dave-earley.com' >Sample Link</a>  

<a class = 'tiper' id = 'tooltip_1' href = 'http://dave-earley.com' >Sample Link</a>

 

 

Js代码

1. 1   <div class = 'tooltip_1' style = 'display:none;'>  
2. 2   This is the tooltip content  
3. 3   </div>  

1 <div class = 'tooltip_1' style = 'display:none;'> 2 This is the tooltip content 3 </div>

 

初始化tiper： 

 

Js代码

1. 1   <script type="text/javascript" >  
2. 2   $(document).ready(function($){  
3. 3    tiper();  
4. 4    })  
5. 5   </script>  

1 <script type="text/javascript" > 2 $(document).ready(function($){ 3 tiper(); 4 }) 5 </script>

 

设置

 

Js代码

1. 1   <script type="text/javascript" >  
2. 2   $(document).ready(function($){  
3. 3    tiper(10, 10, div_id);  
4. 4    })  
5. 5   </script>  

1 <script type="text/javascript" > 2 $(document).ready(function($){ 3 tiper(10, 10, div_id); 4 }) 5 </script>

 

Demo（演示）：http://dave-earley.com/demos/tiper

 

下载：http://dave-earley.com/wp-content/uploads/2010/04/tiper.zip