当前位置: 首页 > 工具软件 > PoshyTip > 使用案例 >

poshytip两个实用示例

马正初
2023-12-01

<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>

转载于:https://www.cnblogs.com/ushou/p/3431550.html

 类似资料: