zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    模拟22
    模拟21
    模拟20
    模拟19
    晚测11
    Redis 内存模型
    Redis AOF重写
    基础省选题选做
    八年级上 期中考试祭
    P2049 魔术棋子 题解
  • 原文地址:https://www.cnblogs.com/danghuijian/p/4400312.html
Copyright © 2011-2022 走看看