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>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· [AI/GPT/综述] AI Agent的设计模式综述