zoukankan      html  css  js  c++  java
  • poshytip两个实用示例

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <script src="jQuery/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="Library/poshytip/jquery.poshytip.min.js" type="text/javascript"></script>
    <link href="Library/poshytip/tip-yellow/tip-yellow.css" rel="stylesheet" type="text/css" />
    <title>你好,星辰 </title>
    <script type="text/javascript">
    $(function () {
    var hl = $('#detailMsg').html();

    //案例一
    // $('#showMsg').poshytip({
    // content: $('#detailMsg').html(),
    // alignTo:'target',
    // alignX:'inner-left',
    // offsetX:0,
    // offsetY:5
    // });

    //案例二

    $('#showMsg').poshytip({
    content: function (updateCallback) {
    $.ajax({
    url: 'GetHtml.ashx',
    data: {
    n: Math.random()
    },
    cache: false,
    success: function (txt) {
    updateCallback(txt);
    }
    });
    }
    });
    });


    </script>
    </head>
    <body>
    <form id="form1" runat="server">
    <div id="showMsg" >你好
    </div>

    <div id="detailMsg" style=" display:none;">
    <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    </ul>
    </div>
    </form>
    </body>
    </html>

  • 相关阅读:
    NSUserDefaults写作和阅读对象定义自己
    JavaScript三在弹出的对话框中
    mybatis02 架构
    mybatis01
    oracle17 视图
    oracle16 例外
    oracle15 pl/sql 分页
    oracle14 复杂数据类型
    oracle13 触发器 变量
    oracle12 pl/sql
  • 原文地址:https://www.cnblogs.com/ushou/p/3431550.html
Copyright © 2011-2022 走看看