<script type=”text/javascript” src=”<%%20=WebConfig.ResourceServer%20%>/JsLib/jquery/jquery-min-lastest.js”></script>
<script src=”<%%20=WebConfig.ResourceServer%20%>/JsLib/jquery/ui/jquery-ui-all-min-lastest.js”
type=”text/javascript”></script>
<% if (false)
{%><script src=”~/js/jquery-vsdoc-lastest.js” type=”text/javascript”></script>
<% }%>
<script type=”text/javascript”>
/*========== 必须放在头部加载的语句块. 尽量避免使用 ==========*/
</script>
<style type=”text/css”>
</style>
</head>
<body>
<!– Demo 静态提示类弹出层 –>
<div class=”ui-widget ui-widget-content ui-corner-all” style=”width: 700px; padding: 5px;”>
<h3>Demo. 共享同一个静态弹出层, 弹出层内容固定: </h3>
<div>
<span id=”spanShowTip1″>显示提示</span> <span id=”spanShowTip2″>显示提示</span>
<span id=”spanShowTip3″>显示提示</span> <span id=”spanShowTip4″>显示提示</span>
</div>
</div>
<br />
<br />
<!– Demo 动态提示类弹出层 –>
<div class=”ui-widget ui-widget-content ui-corner-all” style=”width: 700px; padding: 5px;”>
<h3>Demo. 每个弹出层内容不同, 弹出层内容存储在事件源的元素属性中: </h3>
<div>
<span id=”spanShowDataTip1″ data=”颜色是红色”>红色</span>
<span id=”spanShowDataTip2″ data=”颜色是绿色”>绿色</span>
</div>
</div>
<br />
<br />
<!– Demo 遮罩类弹出层 –>
<div class=”ui-widget ui-widget-content ui-corner-all” style=”width: 700px; padding: 5px;”>
<h3>Demo. 弹出IFrame </h3>
<div>
<input type=”button” id=”btnShowIframe” name=”btnShowIframe” value=”显示弹出层”/>
</div>
</div>
<!– 提示类弹出层 –>
<div id=”divTip” title=”自定义标题”>
<p>弹出层</p>
</div>
<!– 遮罩类弹出层 –>
<div id=”divIframe” title=”iFrame弹出层” style=”text-align:center;”>
<iframe src=”http://www.elong.com” width=”450px” height=”230px”></iframe>
