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